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

Emoji One (Colored) (Iconify)

Turtle

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="M58.9 47.5H18.4c0-7.4 5.7-18.7 5.7-18.7c-.1-.5.5-1.2 1.1-1.2l12.7-5.9c.3-.4 1.3-.3 1.5 0l12.7 5.9c.6 0 1.2.7 1.1 1.2c0 0 5.7 11.4 5.7 18.7"/><path fill="#818cf8" d="M35.7 57.6s-6.8 1.2-8.4 0c-2.2-1.7 1.3-9.6 3.5-11.3c0 0 4.6-.4 6.1 1c-.1-.1-2.4 6.4-1.2 10.3m12.6.5s-5.4-.3-6.4-1.6c-1.4-1.7 2.5-7.1 4.5-8c0 0 3.6.6 4.5 1.9c0 0-2.8 4.5-2.6 7.7"/><path fill="#818cf8" d="M5.7 20.1s8.5-8.5 10.2-1.7c.1-.1-7.3 8.6-10.2 1.7"/><path fill="#818cf8" d="M24.6 8.6c-5.9-6.4-29.4-.1-20.7 9.9c0 0 3.8-2 10.9-1.9c-5.6 5-9.1 3.4-9.1 3.4c0 3.2 1.5 5.8 7.4 5.8c7.3 0-.6 19.8 5.9 19.8c3.8 0 4.6-15.7 4.9-16.6c1.5-5 4.6-16.1.7-20.4m36.3 35.8c1.2 1.6 1.3 5.6.9 6.5c-.4.8-1-1.1-1.8-2.9c-1.4-3.1-4.1-3.7-2.2-4.9c.8-.6 2.5.5 3.1 1.3"/><path fill="#818cf8" d="m38.6 28.9l-9.4 3.9l-1.8 10.1h22.5l-1.8-10.1zm13.5-1.3c-3.6-3.6-7.8-5.8-12.7-5.9v6.1l9.2 3.5zm-14.2.1v-6.1c-4.9.1-9.1 2.3-12.7 5.9l3.5 3.7zm15.3 1.1l-3.9 4l2 10.1h8.5c-1-5.5-3.4-10.4-6.6-14.1m-25.2 4l-3.9-4c-1.6 1.8-3 4.9-5.1 5.6c-2.4.8-1 8.6 7 8.6z"/><path fill="#818cf8" d="M17.5 45.1h42.3c0 5.6-4.8 7.8-21.2 7.8s-21.1-2.2-21.1-7.8"/><path fill="#818cf8" d="M30.1 45.1c.1.8.3 1.5.5 2.2s.5 1.4.9 2s.8 1.2 1.3 1.8s1.1 1.1 1.6 1.7c-.8-.2-1.5-.7-2.2-1.2c-.6-.5-1.2-1.2-1.6-1.9s-.7-1.5-.8-2.3c0-.7 0-1.5.3-2.3m17.1 0c.3.7.3 1.6.2 2.4s-.4 1.6-.8 2.3s-1 1.4-1.6 1.9s-1.4.9-2.2 1.2c.6-.6 1.1-1.1 1.6-1.7s.9-1.2 1.3-1.8s.7-1.3.9-2c.3-.8.5-1.5.6-2.3"/><circle cx="14.7" cy="11.4" r="2.6" fill="#818cf8"/><path fill="#818cf8" d="m4.6 12l-.7.3l.3-.8l.7-.4z"/><path fill="#818cf8" d="M29.8 60.9s-8.9 1.9-11.1 0c-2.9-2.6 1.7-14.7 4.6-17.3c0 0 6.1-.6 8.1 1.5c-.1 0-3.1 9.9-1.6 15.8"/><path fill="#818cf8" d="M21.5 60.9c-1.1-2.8-2.9-4.7-3.4-4.7c-.6 0-1.8 1.7-1.8 5c.1 1.1 5.8 1.1 5.2-.3"/><path fill="#818cf8" d="M61.5 52s-4.6 7.9-6.9 7.8c-3.1-.2-9.8-7.5-7.2-15.8c0 0 5.6-.8 7.9-.4c0-.1-1.6 7 6.2 8.4"/><path fill="#818cf8" d="M56.6 58.2c-2-1.3-4.1-1.7-4.4-1.4c-.4.3-.5 2.1 1 4.4c.5.7 4.4-2.3 3.4-3"/></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. TurtleIcon.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.