IconSearch logoIconsearch
Home/Libraries/Lets Icons (Iconify)/ticket-light
← Back to Search
Lets Icons (Iconify)

TicketLight

License: CC-BY-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none" stroke="#818cf8"><path d="M3 8.5c0-1.398 0-2.097.228-2.648a3 3 0 0 1 1.624-1.624C5.403 4 6.102 4 7.5 4h9c1.398 0 2.097 0 2.648.228a3 3 0 0 1 1.624 1.624C21 6.403 21 7.102 21 8.5v.75a.75.75 0 0 1-.75.75H20a2 2 0 1 0 0 4h.25a.75.75 0 0 1 .75.75v.75c0 1.398 0 2.097-.228 2.648a3 3 0 0 1-1.624 1.624C18.597 20 17.898 20 16.5 20h-9c-1.398 0-2.097 0-2.648-.228a3 3 0 0 1-1.624-1.624C3 17.597 3 16.898 3 15.5v-.75a.75.75 0 0 1 .75-.75H4a2 2 0 1 0 0-4h-.25A.75.75 0 0 1 3 9.25z"/><path fill="#818cf8" d="M11.557 10.689c.168-.435.252-.653.388-.683a.3.3 0 0 1 .11 0c.136.03.22.248.388.682c.096.248.144.372.233.456a.5.5 0 0 0 .081.063c.104.064.233.076.491.1c.437.04.656.061.722.19a.3.3 0 0 1 .028.086c.022.145-.138.297-.46.6l-.089.084c-.15.142-.225.213-.269.301a.6.6 0 0 0-.051.17c-.014.098.008.2.052.406l.016.074c.079.369.118.553.069.644a.26.26 0 0 1-.216.138c-.1.005-.241-.114-.524-.353c-.185-.158-.278-.236-.382-.267a.5.5 0 0 0-.288 0c-.104.03-.197.11-.383.267c-.282.239-.423.358-.523.353a.26.26 0 0 1-.216-.138c-.049-.09-.01-.275.07-.644l.015-.074c.044-.205.066-.308.052-.406a.6.6 0 0 0-.051-.17c-.044-.088-.119-.16-.269-.3l-.09-.085c-.32-.303-.481-.455-.459-.6a.3.3 0 0 1 .028-.086c.067-.129.285-.15.722-.19c.258-.024.387-.036.49-.1a.5.5 0 0 0 .082-.063c.09-.084.137-.208.233-.456Z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. TicketLightIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Lets Icons (Iconify)

Browse all Lets Icons (Iconify) icons →
10
10
10-light
10-light
3d-box
3d-box
3d-box-duotone
3d-box-duotone
3d-box-fill
3d-box-fill
3d-box-light
3d-box-light
add
add
add-duotone
add-duotone
add-duotone-line
add-duotone-line
add-light
add-light
add-ring
add-ring
add-ring-duotone
add-ring-duotone