Home/Libraries/Game Icons (Iconify)/snake

Game Icons (Iconify)

Snake

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="M301.563 20.22c-8.64-.033-17.075.304-25.22.968c-200.737 0-184.708 197.468 0 226c184.71 28.53 137.485 190.906 9.907 190.906c-84.162 0-140.85-19.887-181.03-64.156c-42.064-46.34-12.496-99.594 44.28-51.938c57.026 47.867 100.32 83.576 171.813 28c-89.54 29.698-124.626-42.73-188.313-81.875c-60.388-37.117-138.036 38.746-86 121.25c43.402 68.815 152.713 107.78 243.344 107.78c220.645 0 259.324-271.296 63.094-301.936c-69.28-10.818-119.376-23.398-143.688-61.907c-17.817-28.226 32.672-85.843 97.656-59.688c9.406 15.75 13.877 35.578 15.375 65.47l83.5 39.53l3.22-5.438l.063.125c8.535-4.49 14.952-14.657 20.906-26.03c-10.923 4.674-23.103 4.475-34.69 1.468a85 85 0 0 1-8.092-6c-23.392-19.585-28.737-45.978-11.938-58.97c12.435-9.615 33.52-9.19 53.125-.374c8.603 18.074 9.702 35.265 11.188 52.5c10.24-14.024 15.704-29.453 18.562-45.656l10.72-18.063C421.43 35.528 357.307 20.423 301.56 20.22zm42.812 22.06c13.64.758 28.504 1.625 41.72 9.407l-9.47 16.126c-8.187-4.822-19.96-6.137-33.28-6.876l1.03-18.656z"/></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. SnakeIcon.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.