Home/Libraries/Firefox OS Emoji (Iconify)/collision

Firefox OS Emoji (Iconify)

Collision

License: Apache-2.0Commercial Safe

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 512 512"><path fill="#818cf8" d="M320.8 512.2c-4.9 0-9.6-2.4-12.5-6.6l-55.8-81.5l-145.4 86c-5.5 3.2-12.4 2.7-17.3-1.4s-6.7-10.8-4.6-16.8l53.9-149.4l-92.9-27.4c-6.4-1.9-10.8-7.8-10.8-14.5s4.4-12.6 10.8-14.5l94.9-27.9L89.5 18.5C88 11.7 91.4 4.8 97.6 1.8c6.2-3.1 13.7-1.4 18.2 3.9l139.9 166.8l52.6-76.7c3.8-5.5 10.8-7.9 17.1-5.8c6.4 2.1 10.6 8.1 10.4 14.8l-2.4 87.9l122.9-60.2c4.5-2.2 9.9-2.5 14.3 0c9 5.2 10.3 16.4 4.2 23.3l-98.1 111.5l94.6 80.1c4.5 3.8 6.4 9.8 4.8 15.5c-1.5 5.7-6.2 9.9-12 10.9L333 396.9l2.7 97.6c.2.9.2 1.7.2 2.6c0 8.3-6.7 15.1-15.1 15.1c.1 0 0 0 0 0m-200-216.5c-5 1.5-5 8.5 0 9.9L163 318c4 1.2 7.3 4 9.2 7.7s2.1 8 .7 12L132.8 449c-1.7 4.6 3.4 8.8 7.6 6.3l108.9-64.4c6.8-4 15.6-2.1 20.2 4.5l28.7 41.9c1.8 2.6 5.9 1.3 5.8-1.9l-1.4-50.8c-.2-7.5 5.1-14 12.5-15.3l96.9-17.1c6.1-1.1 8.1-8.7 3.4-12.7l-70-59.2c-3.1-2.6-5-6.4-5.3-10.4s1-8 3.7-11.1l49.4-56.1c1.9-2.2-.6-5.5-3.2-4.2l-65.7 32.2c-4.7 2.3-10.4 2-14.8-.9c-4.5-2.9-7.1-7.8-6.9-13.1l1.3-47.3c.1-4.2-5.3-6-7.7-2.5l-26.7 39c-2.7 3.9-7 6.3-11.7 6.6c-4.6.2-9.3-1.8-12.3-5.4L139.9 81.4c-2.1-2.5-6.1-.5-5.4 2.7l39 181.5c1.7 7.7-2.9 15.4-10.5 17.7z"/><path fill="#818cf8" d="m315 369.3l96.9-17.1c6.1-1.1 8.1-8.7 3.4-12.7l-70-59.2c-3.1-2.6-5-6.4-5.3-10.4s1-8 3.7-11.1l49.4-56.1c1.9-2.2-.6-5.5-3.2-4.2l-65.7 32.2c-4.7 2.3-10.4 2-14.8-.9c-4.5-2.9-7.1-7.8-6.9-13.1l1.3-47.3c.1-4.2-5.3-6-7.7-2.5l-26.7 39c-2.7 3.9-7 6.3-11.7 6.6c-4.6.2-9.3-1.8-12.3-5.4L139.9 81.4c-2.1-2.5-6.1-.5-5.4 2.7l39 181.5c1.7 7.7-2.9 15.4-10.5 17.7l-42.2 12.4c-5 1.5-5 8.5 0 9.9L163 318c4 1.2 7.3 4 9.2 7.7s2.1 8 .7 12L132.8 449c-1.7 4.6 3.4 8.8 7.6 6.3l108.9-64.4c6.8-4 15.6-2.1 20.2 4.5l28.7 41.9c1.8 2.6 5.9 1.3 5.8-1.9l-1.4-50.8c-.3-7.5 5-14 12.4-15.3"/><path fill="#818cf8" d="m253.4 346.5l-49.5 29.3c-3.5 2.1-7.7-1.4-6.3-5.2l18.2-50.5c.9-2.4-.5-5-2.9-5.7l-33-9.7c-1.8-.5-1.8-3.1 0-3.6l33.8-9.9c2.1-.6 3.4-2.7 3.1-4.9l-11-64.2c-.7-4.2 4.3-6.8 7.4-3.8l40.1 39.5c1.9 1.9 5.1 1.6 6.7-.6l19-28.2c1.1-1.5 3.5-.8 3.4 1.1l-.9 31.9c-.1 3.3 3.3 5.5 6.3 4l43.8-21.4c1.8-.9 3.6 1.4 2.2 2.9l-34.4 39.1c-1.6 1.8-1.4 4.6.5 6.2l32.3 27.4c2.8 2.4 1.6 7-2.1 7.6l-45.1 7.9c-2.1.4-3.7 2.3-3.6 4.4l1 35.3c.1 1.9-2.4 2.7-3.4 1.1l-19.8-28.9c-1.3-1.8-3.8-2.3-5.8-1.1"/></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. CollisionIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.