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

Firefox OS Emoji (Iconify)

Spiralshell

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="M505.887 488.278c-9.28-65.128-20.39-203.79-28.585-247.723c-8.713-46.767-22.748-117.157-68.53-117.695c-42.133-4.366-60.014-16.837-68.416-28.833c-.421-17.254-7.706-22.479-10.484-25.081c-.909-1.104-2.108-1.597-3.893-1.307c-14.313 2.328-35.011 5.73-37.876 5.988c-17.665 1.611-11.816-6.544-19.286-24.797c-3.362-8.186-16.75-9.508-32.207-8.424c-23.821 1.671-62.532 5.818-98.03 9.876c-1.114.13-2.029-.824-1.91-1.939c1.164-10.086-4.605-17.337-20.012-20.42c-27.153-5.431-84.483-14.034-104.515-16.998c-3.551-.527-6.594 2.506-6.087 6.046C8.9 37.084 17.215 94.762 22.646 121.925c3.202 16.015 10.911 21.614 21.613 19.854c.676-.109 1.283.427 1.193 1.113c-4.297 35.867-8.663 75.065-10.344 99.026c-2.039 29.092 9.32 42.649 33.758 36.513c-4.914 37.546-9.23 73.214-11.448 98.109c-2.347 26.438 2.675 44.381 14.989 52.497c1.85 1.223 3.829 2.257 5.808 3.253c1.622.815 4.217 2.048 7.579 3.581c58.683 26.825 124.736 31.619 187.239 15.625c25.96-6.644 55.948-7.27 81.421 10.912c39.935 28.486 155.661 55.471 151.433 25.87"/><path fill="#818cf8" d="M63.364 196.233c56.813-59.926 72.498-95.872 75.662-132.256c.318-3.74 5.739-4.087 6.515-.418c3.611 16.919 4.297 44.61-15.646 75.821c-19.405 30.356-44.818 50.538-62.353 61.956c-3.303 2.148-6.893-2.237-4.178-5.103m60.624 107.95c-2.616 2.686.845 6.883 3.928 4.755c27.054-18.728 72.797-54.963 110.523-107.589c40.044-55.848 40.452-99.552 36.99-120.986c-.547-3.402-5.47-3.442-6.097-.05c-10.671 57.777-38.919 114.461-145.344 223.87m300.677 145.428c-46.241-21.006-144.958-58.762-80.039-123.691c33.231-33.22 44.291-42.969 52.785-78.706c10.941-46.031 65.746.925 57.41 57.411c-8.335 56.485-.626 71.594.925 106.494c1.562 34.892 16.68 60.195-31.081 38.492"/><path fill="#818cf8" d="M425.359 282.598c20.917 24.151 9.2 43.814 25.651 68.183c-.02-12.145.945-26.686 3.819-46.161c8.335-56.486-46.479-103.432-57.42-57.411c-5.997 25.254-13.288 37.538-28.774 54.287c4.924-.059 31.818-47.652 56.724-18.898"/></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. SpiralshellIcon.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.