gentleface

Gentleface › Nature & animals › turtle

turtle icon

Turtle: turtle, slow, tortoise, slow mode. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M11 11.5L11 12.5C11 12.914 10.854 13.268 10.561 13.561C10.268 13.854 9.914 14 9.5 14C9.086 14 8.732 13.854 8.439 13.561C8.146 13.268 8 12.914 8 12.5L8 11.5C8 11.328 8.029 11.162 8.086 11L4.914 11C4.971 11.162 5 11.328 5 11.5L5 12.5C5 12.914 4.854 13.268 4.561 13.561C4.268 13.854 3.914 14 3.5 14C3.086 14 2.732 13.854 2.439 13.561C2.146 13.268 2 12.914 2 12.5L2 11.5C2 11.328 2.029 11.162 2.086 11L1.5 11C1.359 11 1.241 10.952 1.144 10.856C1.048 10.759 1 10.641 1 10.5C1 9.466 1.127 8.541 1.382 7.726C1.635 6.918 2.007 6.233 2.499 5.671C2.985 5.115 3.573 4.696 4.263 4.412C4.934 4.137 5.679 4 6.5 4C7.594 4 8.549 4.267 9.367 4.8C10.038 5.238 10.574 5.827 10.976 6.568C11.065 6.471 11.177 6.336 11.314 6.161C11.581 5.819 11.796 5.577 11.96 5.433C12.291 5.144 12.637 5 13 5C13.638 5 14.131 5.174 14.479 5.521C14.826 5.869 15 6.362 15 7C15 7.331 14.92 7.634 14.76 7.908C14.615 8.157 14.413 8.368 14.152 8.541C13.923 8.694 13.659 8.81 13.363 8.889C13.093 8.961 12.813 8.998 12.522 9C12.509 9.007 12.493 9.02 12.474 9.037C12.401 9.106 12.329 9.21 12.26 9.349C12.181 9.506 12.119 9.683 12.073 9.879C12.024 10.087 12 10.294 12 10.5C12 10.641 11.952 10.759 11.856 10.856C11.759 10.952 11.641 11 11.5 11L10.914 11C10.971 11.162 11 11.328 11 11.5ZM4.845 7.138C5.076 7.046 5.321 7 5.581 7L7.419 7C7.679 7 7.924 7.046 8.155 7.138L9.291 6.002C9.145 5.868 8.988 5.747 8.821 5.638C8.169 5.213 7.395 5 6.5 5C5.811 5 5.191 5.113 4.643 5.338C4.274 5.489 3.942 5.69 3.647 5.94L4.845 7.138ZM9.316 8.368L9.86 10L11.034 10C11.05 9.884 11.072 9.768 11.099 9.652C11.163 9.379 11.251 9.129 11.365 8.901C11.488 8.655 11.631 8.457 11.792 8.306C12.01 8.102 12.247 8 12.5 8C12.941 8 13.307 7.903 13.598 7.709C13.866 7.53 14 7.294 14 7C14 6.638 13.924 6.381 13.771 6.229C13.619 6.076 13.362 6 13 6C12.888 6 12.76 6.062 12.618 6.186C12.502 6.288 12.33 6.485 12.102 6.777C11.878 7.063 11.705 7.263 11.581 7.378C11.313 7.626 11.036 7.75 10.75 7.75C10.649 7.75 10.557 7.723 10.474 7.668C10.392 7.614 10.33 7.54 10.29 7.447C10.187 7.204 10.068 6.979 9.935 6.772L8.971 7.736C9.122 7.92 9.237 8.131 9.316 8.368ZM3.684 8.368C3.763 8.131 3.878 7.92 4.029 7.736L2.976 6.683C2.709 7.068 2.496 7.515 2.337 8.024C2.153 8.611 2.045 9.27 2.011 10L3.14 10L3.684 8.368ZM4.632 8.684L4.194 10L8.806 10L8.368 8.684C8.299 8.48 8.178 8.315 8.004 8.189C7.829 8.063 7.634 8 7.419 8L5.581 8C5.366 8 5.171 8.063 4.996 8.189C4.822 8.315 4.701 8.48 4.632 8.684Z"/></svg>
React
// Gentleface "turtle" (line-round), MIT. https://gentleface.com/icons/turtle
import type { SVGProps } from 'react';

export function TurtleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M11 11.5L11 12.5C11 12.914 10.854 13.268 10.561 13.561C10.268 13.854 9.914 14 9.5 14C9.086 14 8.732 13.854 8.439 13.561C8.146 13.268 8 12.914 8 12.5L8 11.5C8 11.328 8.029 11.162 8.086 11L4.914 11C4.971 11.162 5 11.328 5 11.5L5 12.5C5 12.914 4.854 13.268 4.561 13.561C4.268 13.854 3.914 14 3.5 14C3.086 14 2.732 13.854 2.439 13.561C2.146 13.268 2 12.914 2 12.5L2 11.5C2 11.328 2.029 11.162 2.086 11L1.5 11C1.359 11 1.241 10.952 1.144 10.856C1.048 10.759 1 10.641 1 10.5C1 9.466 1.127 8.541 1.382 7.726C1.635 6.918 2.007 6.233 2.499 5.671C2.985 5.115 3.573 4.696 4.263 4.412C4.934 4.137 5.679 4 6.5 4C7.594 4 8.549 4.267 9.367 4.8C10.038 5.238 10.574 5.827 10.976 6.568C11.065 6.471 11.177 6.336 11.314 6.161C11.581 5.819 11.796 5.577 11.96 5.433C12.291 5.144 12.637 5 13 5C13.638 5 14.131 5.174 14.479 5.521C14.826 5.869 15 6.362 15 7C15 7.331 14.92 7.634 14.76 7.908C14.615 8.157 14.413 8.368 14.152 8.541C13.923 8.694 13.659 8.81 13.363 8.889C13.093 8.961 12.813 8.998 12.522 9C12.509 9.007 12.493 9.02 12.474 9.037C12.401 9.106 12.329 9.21 12.26 9.349C12.181 9.506 12.119 9.683 12.073 9.879C12.024 10.087 12 10.294 12 10.5C12 10.641 11.952 10.759 11.856 10.856C11.759 10.952 11.641 11 11.5 11L10.914 11C10.971 11.162 11 11.328 11 11.5ZM4.845 7.138C5.076 7.046 5.321 7 5.581 7L7.419 7C7.679 7 7.924 7.046 8.155 7.138L9.291 6.002C9.145 5.868 8.988 5.747 8.821 5.638C8.169 5.213 7.395 5 6.5 5C5.811 5 5.191 5.113 4.643 5.338C4.274 5.489 3.942 5.69 3.647 5.94L4.845 7.138ZM9.316 8.368L9.86 10L11.034 10C11.05 9.884 11.072 9.768 11.099 9.652C11.163 9.379 11.251 9.129 11.365 8.901C11.488 8.655 11.631 8.457 11.792 8.306C12.01 8.102 12.247 8 12.5 8C12.941 8 13.307 7.903 13.598 7.709C13.866 7.53 14 7.294 14 7C14 6.638 13.924 6.381 13.771 6.229C13.619 6.076 13.362 6 13 6C12.888 6 12.76 6.062 12.618 6.186C12.502 6.288 12.33 6.485 12.102 6.777C11.878 7.063 11.705 7.263 11.581 7.378C11.313 7.626 11.036 7.75 10.75 7.75C10.649 7.75 10.557 7.723 10.474 7.668C10.392 7.614 10.33 7.54 10.29 7.447C10.187 7.204 10.068 6.979 9.935 6.772L8.971 7.736C9.122 7.92 9.237 8.131 9.316 8.368ZM3.684 8.368C3.763 8.131 3.878 7.92 4.029 7.736L2.976 6.683C2.709 7.068 2.496 7.515 2.337 8.024C2.153 8.611 2.045 9.27 2.011 10L3.14 10L3.684 8.368ZM4.632 8.684L4.194 10L8.806 10L8.368 8.684C8.299 8.48 8.178 8.315 8.004 8.189C7.829 8.063 7.634 8 7.419 8L5.581 8C5.366 8 5.171 8.063 4.996 8.189C4.822 8.315 4.701 8.48 4.632 8.684Z" />
    </svg>
  );
}
Vue
Vue: see /icons/turtle.md
Svelte
Svelte: see /icons/turtle.md
HTML img
HTML img: see /icons/turtle.md
CSS
CSS: see /icons/turtle.md
Data URL
Data URL: see /icons/turtle.md
Sprite
Sprite: see /icons/turtle.md
SwiftUI
SwiftUI: see /icons/turtle.md
Compose
Compose: see /icons/turtle.md
Android XML
Android XML: see /icons/turtle.md
Flutter
Flutter: see /icons/turtle.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { TurtleIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
turtle, slow, tortoise, slow mode, slower
Alternatives
Also fits
  • fast: slow
Tags
turtle, tortoise, slow, slowly, speed, shell, reptile, sea turtle, animal, nature, low speed
Category
Nature & animals
Component name
TurtleIcon
History
  • released in 0.2.0
  • added
Since
version 0.2.0

More nature & animals icons

For agents

Metadata: /icons/turtle.json · Markdown: /icons/turtle.md · SVG: https://gentleface.com/svg/{style}/16/turtle.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/turtle.png