Home/Libraries/OpenMoji (Iconify)/turtle

OpenMoji (Iconify)

Turtle

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="#b1cc33" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="m20.725 54.299l-7.641.685c-1.551.027-3.103.053-2.823-.696c.281-.75 2.395-2.274 3.264-4.053s.495-3.812 1.07-5.351s2.1-2.583 3.626-3.626l4.312-3.488m26.536 8.394l.937 4.084c.117.719.233 1.437-.07 2.237s-1.026 1.683-.771 2.11c.254.429 1.485.402 2.715.375l5.453-.477l-2.647-11.622"/><path fill="#5c9e31" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="m54.352 39.57l-24.731-2.754l-2.81 7.138l4.654 1.8C35.16 46.85 38.851 47.948 42 48.233c3.15.284 5.756-.243 8.361-.77c2.203-.576 5.44-4.616 5.44-4.616z"/><path fill="#b1cc33" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="m32.282 35.123l-2.985 8.462c-1.017 3.265-2.033 6.529-2.34 8.55s.093 2.796-2.234 3.196s-7.384.428-8.468-.308s1.805-2.234 2.956-4.32c1.15-2.087.562-4.76 1.138-6.42s2.313-2.3 2.487-3.222s-1.216-2.129-2.97-2.97s-3.867-1.32-4.978-3.193s-1.217-5.142-2.7-7.083s-4.348-2.557-5.592-4.323s-.87-4.682 1.237-5.973c2.108-1.292 5.947-.957 7.632.22s1.217 3.198 1.277 5.131s.65 3.78 1.238 5.625c.524 1.957 2.132 2.01 3.197 2.044c2.39-.15 3.23-.3 5.617-.452M57.33 37.49l-4.809 2.565s-.353 5.694.456 7.142c.554 1.214 1.124 2.463 1.244 3.867c.12 1.405-.201 2.983.816 3.785c1.017.803 3.373.83 4.777.588s1.858-.748 1.489-2.422c-.37-1.673-1.583-4.56-2.787-7.423l2.968-1.203l4.817-.963l-3.291-1.848z"/><path fill="#5c9e31" d="M58.678 42.528c2.684-2.401 2.612-8.287.992-12.75s-4.789-7.502-9.469-9.215s-10.872-2.1-15.866-.833c-4.995 1.267-8.792 4.185-10.727 5.995s-2.007 2.51-1.511 4.74c.496 2.232 1.519 5.851 5.6 8.244s10.617 3.207 16.736 4.172s11.561 2.048 14.245-.353"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"><path d="M17.98 28.495c-.588-1.845-1.177-3.691-1.237-5.624c-.06-1.934.407-3.954-1.278-5.131s-5.524-1.512-7.632-.221s-2.482 4.208-1.237 5.973s4.109 2.381 5.592 4.323c1.483 1.941 1.59 5.21 2.7 7.083c1.112 1.873 3.226 2.35 4.979 3.193s3.144 2.047 2.97 2.97c-.175.923-1.912 1.562-2.488 3.222s.013 4.333-1.138 6.42s-4.04 3.584-2.956 4.32s6.14.71 8.468.309s1.926-1.177 2.234-3.197s1.324-5.285 2.34-8.55"/><path d="M18.221 41.258c-1.525 1.043-3.05 2.087-3.625 3.626s-.2 3.572-1.07 5.351s-2.984 3.304-3.264 4.053s1.271.722 2.822.696m39.893-7.787c.554 1.215 1.124 2.463 1.244 3.867c.12 1.405-.2 2.983.817 3.785c1.017.803 3.371.83 4.776.589s1.859-.75 1.49-2.423c-.37-1.674-1.584-4.56-2.788-7.423M51.88 54.97c-1.23.027-2.46.053-2.715-.375s.467-1.31.77-2.11c.304-.8.188-1.518.071-2.237m-18.541-4.495c3.694 1.097 7.386 2.194 10.535 2.48c3.15.284 5.756-.243 8.361-.77m8.317-4.935c2.684-2.401 2.612-8.287.992-12.75s-4.789-7.502-9.469-9.215s-10.872-2.1-15.866-.833c-4.995 1.267-8.792 4.185-10.727 5.995s-2.007 2.51-1.511 4.74c.496 2.232 1.519 5.851 5.6 8.244s10.617 3.207 16.736 4.172s11.561 2.048 14.245-.353m4.332-.949l3.291 1.846l-4.816.963"/><path d="m42.114 42.171l1.703-11.749l8.74-.965l4.484-3.69m-13.394 4.371l-9.706-5.96m-.057-.169l-1.249-3.349m1.193 3.689L26.904 37.29m25.994-7.208l4.427 13.054"/></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. 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-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.