Home/Libraries/Game Icons (Iconify)/triple-shells

Game Icons (Iconify)

TripleShells

License: CC-BY-3.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 512 512"><path fill="#818cf8" d="M227.633 20.328a120.5 120.5 0 0 0-31.688 4.123h-.002c-31.914 8.552-51.563 42.214-42.76 75.07c7.786 29.072 35.064 47.54 64.186 45.28l-16.036-59.85l18.053-4.835L266.88 257.37c60.085-21.015 94.65-84.542 78.015-146.626c-14.18-52.898-61.126-88.197-112.782-90.316q-2.235-.09-4.48-.1M161.853 145.5c-31.67 22.004-55.83 54.075-67.814 91.56a140.3 140.3 0 0 1 22.07-6.18c12.703-31.046 34.975-57.13 63.17-74.597a81 81 0 0 1-17.428-10.783zm205.723 3.05c-.34 7.29-1.253 14.49-2.703 21.548c29.917 25.352 50.256 61.635 54.906 102.734a78.7 78.7 0 0 1 13.508-1.238q2.577-.012 5.17.146c-5.44-50.412-32.113-94.52-70.882-123.19zM143.42 246.866c-31.274-.09-62.505 11.78-86.338 35.612c-47.66 47.663-47.407 124.984-.256 172.138c23.365 23.365 62.335 23.554 86.39-.504h.003c21.285-21.278 23.636-54.134 7.114-78.223l-43.81 43.81l-13.215-13.215l129.76-129.76c-22.944-19.75-51.284-29.776-79.65-29.857zm289.875 43.39q-1.14.005-2.274.05c-22.475.902-42.963 14.243-52.897 35.006l59.832 16.032l-4.838 18.053L255.864 311.9c-11.845 62.544 25.89 124.244 87.975 140.88c65.11 17.445 131.95-21.434 149.21-85.848c8.55-31.915-10.773-65.76-43.63-74.563a61.5 61.5 0 0 0-16.123-2.11zM178.47 424.96a79.6 79.6 0 0 1-5.57 18.374c26.31 15.528 56.965 24.453 89.682 24.453a176.6 176.6 0 0 0 49.72-7.115a139 139 0 0 1-22.21-13.953a160 160 0 0 1-27.51 2.378c-30.93 0-59.756-8.847-84.11-24.14z"/></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. TripleShellsIcon.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-3.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.