Home/Libraries/Framework7 Icons (Iconify)/tortoise

Framework7 Icons (Iconify)

Tortoise

License: MITCommercial Safe

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 56 56"><path fill="#818cf8" d="M4.894 42.085c3.246 0 6.592-1.415 9.24-4.145c1.847.999 3.645 1.914 6.325 1.914c2.93 0 4.761-.765 6.409-1.681c2.564 2.547 5.876 3.945 9.056 3.945c2.647 0 4.661-1.098 4.661-3.13c0-1.93-1.432-2.73-3.38-3.262c-.499-.133-.998-.25-1.497-.383c7.39-.15 7.474-3.895 12.435-3.895c4.511 0 7.857-1.565 7.857-4.661c0-6.626-3.795-10.155-8.207-10.155c-4.528 0-6.942 2.863-7.907 6.625c-.55 2.048-1.515 3.33-2.98 4.062l-1.049-1.93c-4.361-8.141-8.49-11.404-15.165-11.42c-7.225.016-10.92 3.162-16.297 13.35C2.763 30.432 0 31.115 0 33.062c0 1.366 1.049 2.281 3.163 2.281h1.715c-.716.2-1.432.383-2.081.616c-1.565.55-2.564 1.382-2.564 2.98c0 2.03 2.014 3.146 4.661 3.146m15.798-25.47c4.495 0 7.358 2.015 9.689 4.994c-2.747 2.314-6.077 3.613-9.889 3.613c-3.762 0-7.041-1.232-9.738-3.496c2.847-3.779 5.643-5.11 9.938-5.11m19.81 15.316c-.766-.583-1.648-1.682-2.18-2.614c1.814-.683 3.029-1.898 3.745-4.744c.799-3.43 2.63-5.427 5.726-5.427c3.18 0 5.827 2.93 5.827 7.241c0 1.598-2.447 2.63-4.978 2.63c-3.879 0-6.01 1.548-8.14 2.913m7.774-6.81c.732 0 1.315-.598 1.315-1.33s-.583-1.316-1.315-1.316c-.733 0-1.315.583-1.315 1.315a1.32 1.32 0 0 0 1.315 1.332M33.71 26.82c1.148 2.047 2.613 4.378 4.095 5.843c-.682.017-1.465 0-2.264 0c-2.48 0-4.328.45-5.876 1.065c-1.615-2.147-2.78-5.193-3.047-7.458a17.7 17.7 0 0 0 5.011-2.913c.716 1.082 1.398 2.248 2.08 3.463M5.826 32.663c-.849 0-1.714.017-2.48.067l-.133-.234c1.132-.948 2.547-2.147 3.546-4.145c.982-1.88 1.88-3.479 2.763-4.86a16.9 16.9 0 0 0 5.16 2.913c-.332 2.18-1.531 5.244-3.062 7.324c-1.515-.616-3.346-1.065-5.794-1.065m14.633 4.545c-2.913 0-4.694-1.365-6.992-2.597c1.548-2.198 2.697-5.227 3.03-7.691a17.8 17.8 0 0 0 3.995.45c1.532 0 2.947-.2 4.262-.517c.25 2.564 1.431 5.593 3.046 7.774c-2.314 1.232-4.178 2.58-7.341 2.58M2.713 38.589c0-.6.433-.999 1.715-1.315c.782-.2 2.863-.849 4.378-1.565c1.132.25 2.114.616 2.997 1.032c-2.547 2.148-4.828 3.113-6.892 3.113c-1.465 0-2.198-.466-2.198-1.265m33.677-1.265c1.282.316 1.715.716 1.715 1.315c0 .782-.733 1.249-2.198 1.249c-2.03 0-4.278-.933-6.775-2.997a12.3 12.3 0 0 1 2.847-1.148c1.498.715 3.629 1.365 4.411 1.581"/></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. TortoiseIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.