Home/Libraries/OpenMoji (Iconify)/unicorn

OpenMoji (Iconify)

Unicorn

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="#fff" d="m23.754 12.362l1.667 7.167l-5.333 5.333l-8.334 14.333l1 4.667l2.167 1.333l4-.167l3.5-3.333l6.834-1.833s1.333 1.5 2.166 3s3.667 4.167 3.667 4.167l.5 6l-1.833 6.166l-2 2.833s22 9.5 33.166-7l-.5-6l-1.833-5l-3.333-5.166l-1-1.5l-.167-5.167l-2.833-5.333l-5-3l-2.667-4.5l-5.167-4.167l-6.5-1.5l-5.666 1l-4.167-2.167z"/><path fill="#ea5a47" d="m50.671 23.155l5.208 4.095s5.564 8.218-.325 17.82c-7.05 11.492 0 0 0 0c-1.619 3.475-2.315 6.742-1.739 9.722l-5.31-4.417V34.292zm-24.773-3.884l-15.113-7.25l5.166 6.119l5.224 5.855z"/><path fill="#92d3f5" d="m29.737 13.631l10.767.136s9.238 4.066 10.536 11.816l.687 8.957c-2.633 6.539-3.056 14.127 2.089 20.834c0 0-7.145 1.321-9.895-7.11L42.338 43.5l.325-6.034l1.417-5.643l-.283-4.893l-2.276-4.312l-3.532-2.841l-5.792-2.08z"/><path fill="#61b2e4" d="M58.455 36.75s5.52 6.407 6.998 15.12a8 8 0 0 1-.138 3.258c-.431 1.752-.817 4.998.146 7.383c.469 1.161-.562 2.365-1.789 2.111c-3.71-.768-9.243-3.647-10.256-8.087a2 2 0 0 1-.042-.321l-.266-5.746c-.013-.286.052-.57.187-.821l3.692-6.836q.1-.186.149-.392z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M58.455 37.783C60.223 40.144 65 44.465 64.5 54.02m-32-12.135s8.478 6.783 0 18.765m-7.691-41.516L10.25 11.75l10.925 12.245"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M35.196 30.87c.55 8.355-9.322 9.703-11.954 10.334c-.332.08-.632.25-.873.492l-2.223 2.223c-.35.35-.824.546-1.318.546h-3.512a2.795 2.795 0 0 1-2.651-1.911l-.531-1.593a2.8 2.8 0 0 1 .255-2.322l8.786-14.644l4.724-4.724l-2.116-6.905s7.803-.699 8.414 5.33c0 0 16.928 2.442 10.553 19.384c0 0-1.625 5.949 2.375 11.184"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M30.917 14.02S53.16 10 50.875 33.98"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M49.919 23.155s14.766 6.587 5.456 22.22c0 0-5.375 6.563.625 13.604"/><circle cx="24.417" cy="28.93" r="2"/></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. UnicornIcon.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.