Animal Turtle icon
Used for content about pets & speed indicator (slow). The Animal Turtle icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Animal Turtle icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { AnimalTurtle24Regular, AnimalTurtle24Filled } from "@fluentui/react-icons";
export function Example() {
return <AnimalTurtle24Regular aria-label="Animal Turtle" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_animal_turtle_24_regular.svg" width="24" height="24" alt="Animal Turtle"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9967 5.99805C13.6196 5.99805 15.9429 7.66258 16.7964 10.1237L16.872 10.3567L16.9155 10.5009L19.2463 10.5015C20.7082 10.5015 21.9036 11.6426 21.9901 13.0826L21.9951 13.25V14.2494C21.9951 15.1671 21.2883 15.9198 20.3892 15.9927L20.2458 15.9985L18.6199 15.9979L18.8612 16.5822C19.2101 17.4283 18.8465 18.3905 18.0478 18.8025L17.9107 18.866C17.7521 18.9314 17.585 18.973 17.4149 18.9897L17.2439 18.998H15.4574C14.8319 18.998 14.2583 18.6646 13.9468 18.131L13.8745 17.9936L13.336 16.8511L13.39 16.844C11.9896 17.03 10.5728 17.052 9.16869 16.91L8.67183 16.8528L8.13687 17.9895C7.84836 18.6026 7.23165 18.994 6.55398 18.994H4.7495C4.52104 18.994 4.2948 18.9493 4.08354 18.8623C3.19015 18.4945 2.76408 17.4722 3.13187 16.5789L3.56513 15.5284C2.62424 14.9605 1.99512 13.9284 1.99512 12.7494C1.99512 12.3699 2.27717 12.0563 2.6431 12.0066L2.74484 11.9998L4.62513 11.9992L5.12238 10.3572C5.90589 7.7686 8.29185 5.99805 10.9967 5.99805ZM17.7738 15.6915C17.0025 16.0014 16.2153 16.2564 15.4178 16.4564L14.869 16.585L15.2313 17.3553C15.256 17.4078 15.2976 17.449 15.3479 17.4735L15.4007 17.4923L15.4574 17.4988H17.2439C17.2766 17.4988 17.3089 17.4924 17.3392 17.4799C17.4455 17.4361 17.5054 17.3273 17.492 17.2185L17.4749 17.1536L16.9975 15.9979L16.9541 15.9982L17.3653 15.85L17.7738 15.6915ZM4.22202 15.6915L4.61291 15.8434L4.99953 15.9843L4.51841 17.1497C4.46587 17.2773 4.52673 17.4234 4.65436 17.4759C4.68454 17.4883 4.71686 17.4947 4.7495 17.4947H6.55398L6.61072 17.4882C6.68416 17.4711 6.74713 17.4213 6.78011 17.3512L7.13997 16.588L7.18403 16.5976C6.17907 16.3818 5.18803 16.0798 4.22202 15.6915ZM10.9967 7.49733C9.02567 7.49733 7.27872 8.74146 6.62556 10.5843L6.55753 10.7915L5.42179 14.5411L5.585 14.5997C8.95727 15.7577 12.6095 15.8023 16.0045 14.7333L16.4107 14.5997L16.5726 14.5411L15.437 10.7914C14.8866 8.97489 13.2924 7.6916 11.4307 7.51754L11.2148 7.50241L10.9967 7.49733ZM4.01956 13.9967L4.1713 13.4975L3.66445 13.4986L3.68927 13.551C3.77528 13.7169 3.88715 13.8673 4.01956 13.9967ZM17.3694 12.0002L18.1261 14.498L20.2458 14.4992C20.3641 14.4992 20.4632 14.417 20.4891 14.3067L20.4957 14.2494V13.25C20.4957 12.6032 20.0041 12.0712 19.3741 12.0072L19.2463 12.0008L17.3694 12.0002Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/animal_turtle_24_regular.svg";Details
| Name | Animal Turtle |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_animal_turtle_24_regular.svg |
| Filled file | ic_fluent_animal_turtle_24_filled.svg |
| React components | AnimalTurtle24Regular, AnimalTurtle24Filled |
| License | MIT (© Microsoft Corporation) |