Home/Libraries/OpenMoji (Iconify)/ginger-root

OpenMoji (Iconify)

GingerRoot

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="#a57939" d="M35 63c-.761-1.51-1.508-3.34-2.236-5.525c-.009-.017-1.746-3.714-4.73-6.76c-5.513-5.634-14.127-5.407-15.23-9.096c-.23-.766-.206-1.65.144-2.688c2.557-7.599 10.874.571 13.067-3.691c2.194-4.263-11.93-17.26-2.729-22.15l.166-.088c1.654-.85 3.559-.897 4.223-.85c2.079.149 5.107 2.194 6.684 5.915c.517-.687.923-1.248 1.178-1.607c2.032-2.846 2.588-4.033 4.271-5.768c.557-.574.835-.862 1.064-1c2.487-1.51 6.434.471 7.87 1.937c.098.1.203.214.204.214c.46.5 1.415 1.632 1.806 2.906c1.391 4.532-4.476 7.883-7.012 17.251c-1.361 5.032-.204 6.04.104 6.257c1.17.824 2.807-.843 5.075-.042c1.78.628 3.277 2.537 3.107 4.143c-.174 1.66-2.028 2.04-3.11 3.5c-1.222 1.646-1.641 4.91 2.075 12.037C50.255 58.9 48.036 61.655 44 63c-4.244 1.415-7.841.385-9 0"/><path fill="#6a462f" d="M48.92 38.21c-2.228-.81-3.902.914-5.08.05c-.3-.22-1.41-1.21-.1-6.26c2.41-9.29 8.42-12.67 7.01-17.25c-.52-1.71-1.91-3.03-2.01-3.12c-.698-.628-2.402-2.294-4.81-2.05c-2.32.235-3.676 2.064-3.93 2.42c3.508 1.259 4.596 2.894 5 4c1.764 4.826-6 9.115-6.082 18.155c-.018 2.054-.049 5.44 2.011 6.93c1.325.958 2.74 1.246 3.114 2.532c.22.756.167 1.203.115 1.445c-.312 1.462-1.286 1.449-2.009 3.002c-.497 1.068-.138 2.707 2.096 7.67c.836-.105 2.659-.213 4.6.729A8 8 0 0 1 51 58c-3.714-7.385-3.367-10.618-2.08-12.14c1.045-1.236 2.717-1.353 3.08-2.86c.41-1.697-1.101-4.07-3.08-4.79"/><path fill="#fcea2b" d="M50.99 57.895c.328 1.847-3.867 4.276-7.25 5.178c-3.66.977-8.728.795-9.322-1.035c-.588-1.813 3.226-5.207 7.25-6.215c4.038-1.011 8.991.202 9.323 2.071"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5"><path d="M34.419 62.038a25 25 0 0 0-1.655-4.563c-.248-.52-1.992-3.964-4.73-6.76c-5.513-5.634-14.127-5.407-15.23-9.096c-.23-.766-.206-1.65.144-2.688c2.557-7.599 10.874.571 13.067-3.691c2.194-4.263-11.93-17.26-2.729-22.15c0 0 1.928-1.091 4.389-.938c3.466.216 7.316 4.524 9.01 10.905m.841-7.629c2.071-3.107 3.63-5.769 6.403-5.848c2.472-.07 4.41 1.691 4.814 2.049c.102.09 1.485 1.41 2.01 3.12c1.405 4.58-4.603 7.958-7.013 17.251c-1.308 5.046-.204 6.04.104 6.257c1.17.824 2.807-.843 5.075-.042c1.78.628 3.277 2.537 3.107 4.143c-.174 1.66-2.028 2.04-3.11 3.5c-1.222 1.646-1.641 4.909 2.075 12.036"/><path d="M50.99 57.895c.328 1.847-3.867 4.276-7.25 5.178c-3.66.977-8.728.795-9.322-1.035c-.588-1.813 3.226-5.207 7.25-6.215c4.038-1.011 8.991.202 9.323 2.071Zm-7.214-8.145c2.114.216 3.666.962 4.224 1.25m-19.581-.962c.329-.641 4.572-4.83 9.581-6.038c.755-.182 1.628-.274 2.55-.301M33.5 33.517c1.49-.748 2.693-1.387 4.5-1.517c2.107-.151 3.872.474 5 1M32.692 20.07A22 22 0 0 1 35 20m-13 4a21.5 21.5 0 0 1 6.316-3.098"/></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. GingerRootIcon.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.