Home/Libraries/Emoji One (Colored) (Iconify)/leopard

Emoji One (Colored) (Iconify)

Leopard

License: CC-BY-4.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 64 64"><path fill="#818cf8" d="m45.1 7l6.1 6.9C61 13.7 56.9 2 56.9 2c-3.3 0-11.8 1.2-11.8 5"/><path fill="#818cf8" d="m48.8 7.8l3.2 3.7c5.2-.1 3.1-6.4 3.1-6.4c-1.8 0-6.3.6-6.3 2.7"/><path fill="#818cf8" d="m29.6 7l-6.1 6.9C13.7 13.7 17.8 2 17.8 2c3.3 0 11.8 1.2 11.8 5"/><path fill="#818cf8" d="m25.9 7.8l-3.2 3.7c-5.2-.1-3.1-6.4-3.1-6.4c1.8 0 6.3.6 6.3 2.7"/><path fill="#818cf8" d="M37.3 4.3c-12.9 0-20.2 4.2-20.2 31h40.5c0-26.8-7.4-31-20.3-31"/><path fill="#818cf8" d="M54.9 38.2H19.7s-2.2 2.1-2.2 6.6c-3.4-.1-6.9-2.1-7.3-5.8c-.4-3.9 2.1-7.3 3.6-10.7c1.7-4 2.4-8 1.1-12.2c-.5-1.6-1.1-3.8-2.9-4.3c-2.2-.6-4.3 1.4-3.7 3.6c.5 1.9 1.8 3.3 1.9 5.3c.2 2.3-.6 4.7-1.5 6.8c-1.6 4.1-3.5 8.2-2.4 12.7c1 4.2 4.6 7.9 11.5 7.6c0 0 .8 3.2 1.9 4.9c3 4.5 32.4 5.3 35.2 0c2.8-5.2 0-14.5 0-14.5"/><path fill="#818cf8" d="M23.9 37.1s-.9 19.4 2.9 23.3c2 2.1 8.6 2.2 10.5 0c1.9 2.2 8.5 2 10.5 0c3.6-3.8 2.9-23.3 2.9-23.3z"/><path fill="#818cf8" d="m42.2 54.3l2.9.7l.2-3.5l-2.9.6z"/><path fill="#818cf8" d="m51.9 50.3l1.9.4l.1-2.4l-2 .5zm-32.3-4.8l.7 2.1l2.3-1.3l-1.5-1.6zm-8.9-29.7l.7 2.1l2.3-1.3l-1.5-1.6zM7.2 37.3l.5 1.4l1.5-.8l-1-1.1zm5.9 8.1l.4 1.4l1.5-.9l-1-1z"/><path fill="#818cf8" d="m31.6 55.5l1.8-1.2l-1.8-1.9l-1.2 1.9zM46.2 48l1.9-1.2l-1.9-1.9l-1.1 1.9zm-17-2.2l-2.5 1.6l2.5 2.6l1.5-2.6z"/><path fill="#818cf8" d="M37.3 60.5c-.7-2.5-.7-12.4 0-14.9c.7 2.5.7 12.4 0 14.9"/><path fill="#818cf8" d="m53.7 28.7l1.2-.8l-1.2-1.3l-.8 1.3zm-33.8.1l1.2-.8l-1.2-1.3l-.8 1.3zM28.4 12l1.9-1.2l-1.9-1.9l-1.1 1.9zm11.5 4.5l1.9-1.3l-1.9-1.9l-1.1 1.9zm8.9-4.5l1.8-1.2l-1.8-1.9l-1.2 1.9zm-13.4 8.1l1.3-.8l-1.3-1.3l-.7 1.3z"/><path fill="#818cf8" d="M57.3 27.7s-2.5 3.7-12.5 6.6c-2.7-4.4-12.2-4.4-14.9 0c-10-2.9-12.5-6.6-12.5-6.6s-1.3 6.7-.3 9.1c1.5 3.7 10.2 6.1 13.3 6.8c2.6 2.8 11.4 2.8 14.1 0c3.1-.7 11.8-3 13.3-6.8c.8-2.4-.5-9.1-.5-9.1"/><path fill="#818cf8" d="m21.8 36.7l1.2-.8l-1.2-1.2l-.8 1.2zm34.3-.5l.9-2.1l-2.6-.7v2.3zM36.8 9.5l.6-1.3l-1.7-.5v1.5zm-12.7 4.2l.7-1.4l-1.8-.5v1.6zm25.2 20.1l1.9-1.2l-1.9-1.9l-1.1 1.9zM31.7 23.5l1.6 5.3l-4.5-2.8zm11.2 0l-1.6 5.3l4.6-2.8z"/><path fill="#818cf8" d="M32.1 22.1C30.6 31.3 20 29 20 20.9c0-4.3 0-4.3 6.6-5.8c6.8-1.4 6 3.5 5.5 7"/><path fill="#818cf8" d="M31 22.5c-.6 6.5-10.3 5.5-9.7-1c.2-2.5.3-2.8 5.1-2.2c4.8.5 4.8.7 4.6 3.2"/><path fill="#818cf8" d="M27.1 19.8c.5.3.8.7.8 1.3c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.7.4-1.2 1.1-1.4c-2.7-.3-2.8-.1-2.9 1.5c-.3 3.7 6.1 4.4 6.4.7c.1-1.6.1-1.8-2.4-2.1"/><path fill="#818cf8" d="M42.6 22.1c1.5 9.2 12.1 6.9 12.1-1.2c0-4.3 0-4.3-6.6-5.8c-6.8-1.4-6.1 3.5-5.5 7"/><path fill="#818cf8" d="M43.7 22.5c.6 6.5 10.3 5.5 9.7-1c-.2-2.5-.3-2.8-5.1-2.2c-4.9.5-4.9.7-4.6 3.2"/><path fill="#818cf8" d="M49.2 19.6c.5.3.8.7.8 1.3c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-.5.2-.9.5-1.1c-2.5.3-2.5.5-2.3 2.1c.3 3.7 6.8 3 6.4-.7c-.1-1.5-.1-1.8-2.4-1.6"/><path fill="#818cf8" d="m12.2 24.3l-1.8 1.8l1.8 1.9l1.8-1.9z"/><path fill="#818cf8" d="M43.3 38.7c-.4-.9-2.5.5-5.5.6V34h-1v5.4c-2.8-.2-5-1.6-5.5-.6s2.7 2.4 6 2.4s6.5-1.4 6-2.5"/><path fill="#818cf8" d="M43.1 31.7c-2.3-1-9.5-1-11.6 0c-.8.4 1.5 2.8 5.8 2.8s6.7-2.4 5.8-2.8"/></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. LeopardIcon.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-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.