Home/Libraries/OpenMoji (Iconify)/hedgehog

OpenMoji (Iconify)

Hedgehog

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="#9b9b9a" d="M13.588 35.586S9.42 40.752 9.92 43.919l-2.833 2.5v1.5s6.833 2.833 13.333.833v2.5l.167 2.5l3.333 1.333s3.833-.666 4.833-6c0 0 4 1.5 5.667 5.834l4.667-.334s.666-2.5-.167-4.166l20.5-.334l2 1.834v2l1 1.166h2.167l1.666-1.833l-1.833-6.5l1.5-4.667s-17.333 10.5-41.333-3.166l-1.833-3.834s-3.834.667-3.667 1.667c0 0-.834-2.666-5.5-1.166"/><path fill="#6a462f" d="m18.588 30.502l-3.5 5.5s4.083.167 4 1.583c-.084 1.417 2.5 2.417-.417 6.584l2.167 1l1.416-1.084l1.584-3.5l.75-1.666S43.67 53.335 65.92 42.085l1.583-3l-5-5l-.583-2.166l-.667-2.834l-3.916-.75l-3.5-4l-7.917-1.333l-4.25-1.583l-3.833 2.75l-3.834-.917l-4.166 2.917l-1.917.083l-3.417-.333l-2.25 4.833l-2.333.083z"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"><path d="M24.463 26.638c-.856 2.25-1.833 3.294-2.614 4.086a1.56 1.56 0 0 1-2.074.146l-1.184-.926l-3.424 5.054a2.43 2.43 0 0 1-2.012 1.067h0s-2.672 3.271-3.602 6.806c-.26.991-.882 1.85-1.704 2.462l-.381.285s-2.35 1.962.455 2.815c0 0 9.623 3.039 14.956-1.211m18.5-24.917s-1.824 1.227-3.2 1.489q-.885.17-1.715.35l-3.168-.672c-1.571 1.795-3.754 2.65-5.291 3.324m31.958 2.009c-1.986 0-2.55-.153-3.67-1.057a9.3 9.3 0 0 1-2.172-2.507l-.408-.69c-2.641 0-5.467-.32-8.048-.744M66.254 38.5c-3.096-1.154-3.534-4.415-4.558-5.735M20.818 51.746l-.227.472a2 2 0 0 0 1.802 2.867h1.627a2 2 0 0 0 1.76-1.048l2.845-5.263s3.501 1.45 4.754 5.036c.273.781 1.049 1.275 1.876 1.275h2.023a1.996 1.996 0 0 0 1.99-2.207c-.103-.928-.291-1.89-.633-2.313c0 0 15.156.437 20.007-.612c1.024-.222 2.044.398 2.27 1.421c.11.496.175 1.052.142 1.637c-.064 1.14.853 2.074 1.994 2.074h.39c1.124 0 2-.8 2.073-1.842c.123-1.744-.014-4.392-1.548-6.431c0 0 1.133-.992 1.112-4.087"/><path d="M19.21 37.218s2.124-3.327 4.02-.342c1.279 2.015-.308 5.042-1.475 6.798a2.1 2.1 0 0 1-2.544.776h0m8.21-9.853l5-4.125m-.875 9.648l6-2.058m-.625-5.297l6.047-2.793m-3.024 13.5l6.852-.747m2-6.092l6.875 1.232m-8.727-5.375l5.454-2.503m.642 13.782l6.261 1.677"/></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. HedgehogIcon.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.