Home/Libraries/Freehand free icons (Iconify)/fireworks-2

Freehand free icons (Iconify)

Fireworks2

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M12.45 16.709q-.255-.722-.598-1.407a17.5 17.5 0 0 0-1.995-2.994a.29.29 0 0 0-.41-.07a.3.3 0 0 0-.07.41c.57.977 1.06 1.998 1.467 3.053c.18.459.36.898.53 1.357c.169.459.328.898.488 1.357a51 51 0 0 1 .998 3.292a.33.33 0 0 0 .26.26a.34.34 0 0 0 .399-.39a31 31 0 0 0-.63-3.462a14 14 0 0 0-.438-1.406m2.913-4.56a12.4 12.4 0 0 0-1.716-1.287a8 8 0 0 0-.808-.43a6 6 0 0 0-.848-.339a18 18 0 0 0-2.056-.488a.29.29 0 0 0-.369.19a.29.29 0 0 0 .18.368c.728.33 1.397.709 2.105.998c.34.17.698.32.998.479c.3.16.698.29 1.048.459q.514.24.997.539a.34.34 0 0 0 .574-.17a.34.34 0 0 0-.175-.37zM9.946 7.35c.729-.31 1.437-.53 2.136-.799l.997-.409c.34-.13.669-.28.998-.389q.525-.173 1.068-.28a.339.339 0 0 0-.06-.668a9 9 0 0 0-2.056.24q-.437.105-.858.27q-.424.155-.818.378q-.88.528-1.696 1.148a.3.3 0 1 0 .28.519zm-.628-5.299a.34.34 0 0 0-.44.18q-.398.706-.708 1.457a5 5 0 0 0-.2.668q-.09.34-.119.689a12 12 0 0 0 0 1.606a.3.3 0 0 0 .26.39a.29.29 0 0 0 .319-.26c.16-.589.379-1.118.529-1.686c.09-.33.15-.669.22-.998c.109-.509.179-.998.318-1.537a.33.33 0 0 0-.18-.509M2.353 6.042q1.021.387 1.996.879c.21.11.419.2.628.289c.21.09.43.17.649.28c.22.109.519.269.788.438a.293.293 0 0 0 .39-.439a7 7 0 0 0-1.258-1.197a4 4 0 0 0-.658-.35a4.5 4.5 0 0 0-.699-.249a13 13 0 0 0-1.656-.3a.34.34 0 0 0-.18.65m3.922 3.671a.292.292 0 0 0-.07-.578a11 11 0 0 0-2.315.2a5 5 0 0 0-.998.298a6 6 0 0 0-.918.45A9 9 0 0 0 .178 11.56a.33.33 0 1 0 .43.47a10.4 10.4 0 0 1 2.164-1.168c.44-.19.888-.36 1.357-.52q1.051-.384 2.146-.628m.768 1.377c-.638.41-1.221.9-1.736 1.457a6 6 0 0 0-.599.788q-.26.415-.469.858a9.8 9.8 0 0 0-.678 2.175a.33.33 0 0 0 .476.38a.34.34 0 0 0 .162-.2q.346-.834.808-1.607c.28-.478.6-.927.908-1.386a14.4 14.4 0 0 1 1.507-1.996a.29.29 0 0 0 0-.409a.29.29 0 0 0-.38-.06m10.876-.578a11.8 11.8 0 0 0-1.406 2.424c-.15.37-.29.748-.41 1.128q-.17.566-.279 1.147c-.18.908-.25 1.816-.34 2.724a.29.29 0 1 0 .54.08c.299-.998.648-2.046.997-3.083c.2-.669.38-1.347.6-1.996q.352-1.071.867-2.075a.331.331 0 1 0-.559-.36zm3.632 1.517q-.045-.195-.12-.38a3 3 0 0 0-.189-.36a4.4 4.4 0 0 0-.668-.698a.29.29 0 0 0-.4-.1a.31.31 0 0 0-.1.41c.1.299.12.568.2.858q.05.176.13.339c.05.11.11.22.17.33c.16.259.329.488.508.748a.332.332 0 0 0 .619-.24c-.05-.3-.08-.589-.15-.908m2.195-3.472a3.4 3.4 0 0 0-.908-.32q-.21-.03-.419 0q-.21.01-.409.08q-.452.17-.838.46a.29.29 0 0 0-.19.369a.3.3 0 0 0 .38.19q.464-.024.928 0l.499-.05q.401-.072.808-.09a.34.34 0 0 0 .399-.26a.33.33 0 0 0-.25-.38M21.012 7.48c.389-.29.768-.48 1.127-.72c.36-.239.399-.298.599-.438q.468-.371.997-.649a.32.32 0 0 0 .21-.409a.33.33 0 0 0-.479-.22c-.433.06-.856.177-1.257.35a2.4 2.4 0 0 0-.49.28a3 3 0 0 0-.428.359q-.4.472-.728.997a.3.3 0 0 0 0 .42a.29.29 0 0 0 .448.03m-2.324-1.118a1.8 1.8 0 0 0-.22-.32a2 2 0 0 0-.27-.249q-.35-.255-.738-.449a.32.32 0 0 0-.469 0a.34.34 0 0 0 0 .469c.16.23.27.449.42.679c.15.229.11.17.18.259q.1.122.219.23c.19.179.399.299.608.498a.293.293 0 0 0 .51-.29a3.8 3.8 0 0 0-.24-.827m-3.862 1.945a.33.33 0 0 0 .32.35c.23.08.419.18.638.25l.27.069q.139.015.279 0q.346-.015.688-.07a.28.28 0 0 0 .35-.22a.29.29 0 0 0-.21-.349q-.305-.225-.648-.389a1.1 1.1 0 0 0-.3-.08a1.7 1.7 0 0 0-.319 0a7 7 0 0 0-.738.13a.35.35 0 0 0-.33.31" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. Fireworks2Icon.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.