Home/Libraries/OpenMoji (Iconify)/snake

OpenMoji (Iconify)

Snake

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path fill="#5c9e31" d="M12.593 49.173c.213-.531.52-1.02.906-1.443l1.488-1.626a4.8 4.8 0 0 1 1.436-1.07L18.562 44a4.75 4.75 0 0 1 1.932-.473l3.002-.087q.293-.01.586.02l3.98.712c.514.048 1.84.516 2.312.726l18.108 7.405q.137.062.271.132l9.536 4.997l-.25 1.188l-13.07 1.093c-.785.055-5.797.13-6.835.131l-9.008.12c-3.732.172-6.84.236-9.943-1.844l-4.824-3.234a4.75 4.75 0 0 1-1.766-5.712Z"/><path fill="#b1cc33" d="M18.455 50.754a1 1 0 0 0 1 .989h.011l1.132-.014a28.3 28.3 0 0 0 11.6-2.187c8.23-3.493 4.665-25.974 4.157-28.931v-.133a5.576 5.576 0 0 1 5.57-5.569c3.4 0 7.962 2.765 7.962 5.592c0 3.252-6.458 3.5-6.523 3.5a1 1 0 0 0-.955 1.21c3.074 14.237 1.364 29.705-2.2 31.3c-5.617 2.519-16.07 2.844-23.41 2.081c-1.858-.193-3.148-.744-3.833-1.637c-.7-.916-.88-2.275-.56-4.279c.004-.032-.007-.061 0-.092"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M44.97 59c2.193.007 9.421-.092 12.49-.183a1.187 1.187 0 0 0 .5-2.241l-9.472-3.638M19.454 50.74l1.126-.014c3.85.102 7.676-.616 11.226-2.107c7.82-3.319 3.55-27.92 3.55-27.92v-.224a6.57 6.57 0 0 1 6.57-6.57h0c3.627 0 8.961 2.964 8.961 6.592c0 4.333-7.5 4.5-7.5 4.5c2.935 13.6 1.708 30.419-2.772 32.428c-5.794 2.6-16.262 2.959-23.923 2.163c-5.217-.542-5.83-3.608-5.278-7.068"/><path stroke-linejoin="round" d="M29.687 44.563c-13.33-5.972-18.322 6.062-18.275 7.957"/><path stroke-miterlimit="10" d="M48.74 24.452s3.792 4.054 7.584 4.577"/><path stroke-miterlimit="10" d="m56.873 33.606l-1.046-4.577l4.838-2.223"/></g></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-SA-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.