sloth emoji
sloth from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- sloth
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the sloth emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#7a5c44" d="M6 21a2 2 0 0 1-2-2V4c0-1.105.895-1 2-1s2-.105 2 1c0 0-.606 6.424 0 11.997C8.54 20.971 12 22 12 22c0 1.105-4.895-1-6-1m14 4.999a2 2 0 0 1-2-2v-21c0-1.105.895-1 2-1s2-.105 2 1c0 0-.446 5.108-.125 9.297c.32 4.187.125 11.703.125 11.703a2 2 0 0 1-2 2"/><path fill="#662113" d="M36 4L0 8V4l36-2z"/><path fill="#a78e81" d="M22.644 18.406c-.633 1.126-1.363 1.809-2.16 2.193c-.402.041-1.132-.085-1.417-1.443a32.2 32.2 0 0 1-.668-6.594c0-4.144.601-8.742.601-8.742c0-.929 1.412-.936 2.086-.991c-.156-.832-1.749-.83-3.684-.83c-1.453 0-2.256 1.074-2.402 2.301s-.789 6.347-.744 10c.024 1.984.154 4.161.315 6.016c-.792-.201-1.585-.393-2.364-.491c-2.807-.356-6.505-.535-7.129-5.881C4.584 9.712 5 4.82 5 4.82c0-.929 1.412-1.158 2.086-1.213c-.156-.832-1.678-.911-3.61-.783C2.026 2.92 1.235 3.668 1 5.3C.622 7.929.578 13.988.8 18.176c.124 2.338.49 10.76 4.099 14.035C7.007 34.123 10.587 35.253 15 35c4.185-.24 7.623-1.796 9.548-3.413c3.342-2.807 4.09-4.837 4.229-7.035C29 21 24.02 15.959 22.644 18.406"/><path fill="#a78e81" d="M35.025 22.671c-2.101 3.201-6.277 4.173-10.759 1.232s-5.253-7.159-3.152-10.36s7.488-2.584 10.384-.624s5.628 6.551 3.527 9.752"/><path fill="#e2d2c7" d="M33.271 23.178c-1.5 2.287-5.164 2.984-9.005.464s-4.419-6.001-2.918-8.288s4.294-1.921 8.135.6s5.288 4.938 3.788 7.224"/><path fill="#292f33" d="M20.565 14.564a6.33 6.33 0 0 0-.491 3.55c1.498.439 3.637.97 4.65.759c1.646-.342 2.198-1.817 1.956-2.981c-.335-1.616-3.191-2.544-6.115-1.328"/><circle cx="23.389" cy="16.576" r="1.188" fill="#f5f8fa"/><path fill="#292f33" d="M34.307 23.581a6.33 6.33 0 0 1-3.061 1.864c-.999-1.199-2.337-2.951-2.548-3.964c-.342-1.646.792-2.739 1.956-2.981c1.617-.335 3.605 1.915 3.653 5.081"/><circle cx="31.338" cy="21.792" r="1.188" fill="#f5f8fa"/><path fill="#292f33" d="M28.047 22.475a2.376 2.376 0 1 1-3.974-2.608c.72-1.098 1.542-.41 2.639.31s2.055 1.2 1.335 2.298"/><path fill="#292f33" d="m27.979 25.122l-.073-.005c-4.479-.654-6.297-4.07-6.372-4.216a.5.5 0 0 1 .888-.461c.017.031 1.673 3.109 5.629 3.687a.501.501 0 0 1-.072.995"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSloth(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#7a5c44" d="M6 21a2 2 0 0 1-2-2V4c0-1.105.895-1 2-1s2-.105 2 1c0 0-.606 6.424 0 11.997C8.54 20.971 12 22 12 22c0 1.105-4.895-1-6-1m14 4.999a2 2 0 0 1-2-2v-21c0-1.105.895-1 2-1s2-.105 2 1c0 0-.446 5.108-.125 9.297c.32 4.187.125 11.703.125 11.703a2 2 0 0 1-2 2"/><path fill="#662113" d="M36 4L0 8V4l36-2z"/><path fill="#a78e81" d="M22.644 18.406c-.633 1.126-1.363 1.809-2.16 2.193c-.402.041-1.132-.085-1.417-1.443a32.2 32.2 0 0 1-.668-6.594c0-4.144.601-8.742.601-8.742c0-.929 1.412-.936 2.086-.991c-.156-.832-1.749-.83-3.684-.83c-1.453 0-2.256 1.074-2.402 2.301s-.789 6.347-.744 10c.024 1.984.154 4.161.315 6.016c-.792-.201-1.585-.393-2.364-.491c-2.807-.356-6.505-.535-7.129-5.881C4.584 9.712 5 4.82 5 4.82c0-.929 1.412-1.158 2.086-1.213c-.156-.832-1.678-.911-3.61-.783C2.026 2.92 1.235 3.668 1 5.3C.622 7.929.578 13.988.8 18.176c.124 2.338.49 10.76 4.099 14.035C7.007 34.123 10.587 35.253 15 35c4.185-.24 7.623-1.796 9.548-3.413c3.342-2.807 4.09-4.837 4.229-7.035C29 21 24.02 15.959 22.644 18.406"/><path fill="#a78e81" d="M35.025 22.671c-2.101 3.201-6.277 4.173-10.759 1.232s-5.253-7.159-3.152-10.36s7.488-2.584 10.384-.624s5.628 6.551 3.527 9.752"/><path fill="#e2d2c7" d="M33.271 23.178c-1.5 2.287-5.164 2.984-9.005.464s-4.419-6.001-2.918-8.288s4.294-1.921 8.135.6s5.288 4.938 3.788 7.224"/><path fill="#292f33" d="M20.565 14.564a6.33 6.33 0 0 0-.491 3.55c1.498.439 3.637.97 4.65.759c1.646-.342 2.198-1.817 1.956-2.981c-.335-1.616-3.191-2.544-6.115-1.328"/><circle cx="23.389" cy="16.576" r="1.188" fill="#f5f8fa"/><path fill="#292f33" d="M34.307 23.581a6.33 6.33 0 0 1-3.061 1.864c-.999-1.199-2.337-2.951-2.548-3.964c-.342-1.646.792-2.739 1.956-2.981c1.617-.335 3.605 1.915 3.653 5.081"/><circle cx="31.338" cy="21.792" r="1.188" fill="#f5f8fa"/><path fill="#292f33" d="M28.047 22.475a2.376 2.376 0 1 1-3.974-2.608c.72-1.098 1.542-.41 2.639.31s2.055 1.2 1.335 2.298"/><path fill="#292f33" d="m27.979 25.122l-.073-.005c-4.479-.654-6.297-4.07-6.372-4.216a.5.5 0 0 1 .888-.461c.017.031 1.673 3.109 5.629 3.687a.501.501 0 0 1-.072.995"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#7a5c44" d="M6 21a2 2 0 0 1-2-2V4c0-1.105.895-1 2-1s2-.105 2 1c0 0-.606 6.424 0 11.997C8.54 20.971 12 22 12 22c0 1.105-4.895-1-6-1m14 4.999a2 2 0 0 1-2-2v-21c0-1.105.895-1 2-1s2-.105 2 1c0 0-.446 5.108-.125 9.297c.32 4.187.125 11.703.125 11.703a2 2 0 0 1-2 2"/><path fill="#662113" d="M36 4L0 8V4l36-2z"/><path fill="#a78e81" d="M22.644 18.406c-.633 1.126-1.363 1.809-2.16 2.193c-.402.041-1.132-.085-1.417-1.443a32.2 32.2 0 0 1-.668-6.594c0-4.144.601-8.742.601-8.742c0-.929 1.412-.936 2.086-.991c-.156-.832-1.749-.83-3.684-.83c-1.453 0-2.256 1.074-2.402 2.301s-.789 6.347-.744 10c.024 1.984.154 4.161.315 6.016c-.792-.201-1.585-.393-2.364-.491c-2.807-.356-6.505-.535-7.129-5.881C4.584 9.712 5 4.82 5 4.82c0-.929 1.412-1.158 2.086-1.213c-.156-.832-1.678-.911-3.61-.783C2.026 2.92 1.235 3.668 1 5.3C.622 7.929.578 13.988.8 18.176c.124 2.338.49 10.76 4.099 14.035C7.007 34.123 10.587 35.253 15 35c4.185-.24 7.623-1.796 9.548-3.413c3.342-2.807 4.09-4.837 4.229-7.035C29 21 24.02 15.959 22.644 18.406"/><path fill="#a78e81" d="M35.025 22.671c-2.101 3.201-6.277 4.173-10.759 1.232s-5.253-7.159-3.152-10.36s7.488-2.584 10.384-.624s5.628 6.551 3.527 9.752"/><path fill="#e2d2c7" d="M33.271 23.178c-1.5 2.287-5.164 2.984-9.005.464s-4.419-6.001-2.918-8.288s4.294-1.921 8.135.6s5.288 4.938 3.788 7.224"/><path fill="#292f33" d="M20.565 14.564a6.33 6.33 0 0 0-.491 3.55c1.498.439 3.637.97 4.65.759c1.646-.342 2.198-1.817 1.956-2.981c-.335-1.616-3.191-2.544-6.115-1.328"/><circle cx="23.389" cy="16.576" r="1.188" fill="#f5f8fa"/><path fill="#292f33" d="M34.307 23.581a6.33 6.33 0 0 1-3.061 1.864c-.999-1.199-2.337-2.951-2.548-3.964c-.342-1.646.792-2.739 1.956-2.981c1.617-.335 3.605 1.915 3.653 5.081"/><circle cx="31.338" cy="21.792" r="1.188" fill="#f5f8fa"/><path fill="#292f33" d="M28.047 22.475a2.376 2.376 0 1 1-3.974-2.608c.72-1.098 1.542-.41 2.639.31s2.055 1.2 1.335 2.298"/><path fill="#292f33" d="m27.979 25.122l-.073-.005c-4.479-.654-6.297-4.07-6.372-4.216a.5.5 0 0 1 .888-.461c.017.031 1.673 3.109 5.629 3.687a.501.501 0 0 1-.072.995"/></svg> </template>
CSS
.icon-sloth {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%237a5c44%22%20d%3D%22M6%2021a2%202%200%200%201-2-2V4c0-1.105.895-1%202-1s2-.105%202%201c0%200-.606%206.424%200%2011.997C8.54%2020.971%2012%2022%2012%2022c0%201.105-4.895-1-6-1m14%204.999a2%202%200%200%201-2-2v-21c0-1.105.895-1%202-1s2-.105%202%201c0%200-.446%205.108-.125%209.297c.32%204.187.125%2011.703.125%2011.703a2%202%200%200%201-2%202%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M36%204L0%208V4l36-2z%22%2F%3E%3Cpath%20fill%3D%22%23a78e81%22%20d%3D%22M22.644%2018.406c-.633%201.126-1.363%201.809-2.16%202.193c-.402.041-1.132-.085-1.417-1.443a32.2%2032.2%200%200%201-.668-6.594c0-4.144.601-8.742.601-8.742c0-.929%201.412-.936%202.086-.991c-.156-.832-1.749-.83-3.684-.83c-1.453%200-2.256%201.074-2.402%202.301s-.789%206.347-.744%2010c.024%201.984.154%204.161.315%206.016c-.792-.201-1.585-.393-2.364-.491c-2.807-.356-6.505-.535-7.129-5.881C4.584%209.712%205%204.82%205%204.82c0-.929%201.412-1.158%202.086-1.213c-.156-.832-1.678-.911-3.61-.783C2.026%202.92%201.235%203.668%201%205.3C.622%207.929.578%2013.988.8%2018.176c.124%202.338.49%2010.76%204.099%2014.035C7.007%2034.123%2010.587%2035.253%2015%2035c4.185-.24%207.623-1.796%209.548-3.413c3.342-2.807%204.09-4.837%204.229-7.035C29%2021%2024.02%2015.959%2022.644%2018.406%22%2F%3E%3Cpath%20fill%3D%22%23a78e81%22%20d%3D%22M35.025%2022.671c-2.101%203.201-6.277%204.173-10.759%201.232s-5.253-7.159-3.152-10.36s7.488-2.584%2010.384-.624s5.628%206.551%203.527%209.752%22%2F%3E%3Cpath%20fill%3D%22%23e2d2c7%22%20d%3D%22M33.271%2023.178c-1.5%202.287-5.164%202.984-9.005.464s-4.419-6.001-2.918-8.288s4.294-1.921%208.135.6s5.288%204.938%203.788%207.224%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M20.565%2014.564a6.33%206.33%200%200%200-.491%203.55c1.498.439%203.637.97%204.65.759c1.646-.342%202.198-1.817%201.956-2.981c-.335-1.616-3.191-2.544-6.115-1.328%22%2F%3E%3Ccircle%20cx%3D%2223.389%22%20cy%3D%2216.576%22%20r%3D%221.188%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M34.307%2023.581a6.33%206.33%200%200%201-3.061%201.864c-.999-1.199-2.337-2.951-2.548-3.964c-.342-1.646.792-2.739%201.956-2.981c1.617-.335%203.605%201.915%203.653%205.081%22%2F%3E%3Ccircle%20cx%3D%2231.338%22%20cy%3D%2221.792%22%20r%3D%221.188%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M28.047%2022.475a2.376%202.376%200%201%201-3.974-2.608c.72-1.098%201.542-.41%202.639.31s2.055%201.2%201.335%202.298%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22m27.979%2025.122l-.073-.005c-4.479-.654-6.297-4.07-6.372-4.216a.5.5%200%200%201%20.888-.461c.017.031%201.673%203.109%205.629%203.687a.501.501%200%200%201-.072.995%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%237a5c44%22%20d%3D%22M6%2021a2%202%200%200%201-2-2V4c0-1.105.895-1%202-1s2-.105%202%201c0%200-.606%206.424%200%2011.997C8.54%2020.971%2012%2022%2012%2022c0%201.105-4.895-1-6-1m14%204.999a2%202%200%200%201-2-2v-21c0-1.105.895-1%202-1s2-.105%202%201c0%200-.446%205.108-.125%209.297c.32%204.187.125%2011.703.125%2011.703a2%202%200%200%201-2%202%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M36%204L0%208V4l36-2z%22%2F%3E%3Cpath%20fill%3D%22%23a78e81%22%20d%3D%22M22.644%2018.406c-.633%201.126-1.363%201.809-2.16%202.193c-.402.041-1.132-.085-1.417-1.443a32.2%2032.2%200%200%201-.668-6.594c0-4.144.601-8.742.601-8.742c0-.929%201.412-.936%202.086-.991c-.156-.832-1.749-.83-3.684-.83c-1.453%200-2.256%201.074-2.402%202.301s-.789%206.347-.744%2010c.024%201.984.154%204.161.315%206.016c-.792-.201-1.585-.393-2.364-.491c-2.807-.356-6.505-.535-7.129-5.881C4.584%209.712%205%204.82%205%204.82c0-.929%201.412-1.158%202.086-1.213c-.156-.832-1.678-.911-3.61-.783C2.026%202.92%201.235%203.668%201%205.3C.622%207.929.578%2013.988.8%2018.176c.124%202.338.49%2010.76%204.099%2014.035C7.007%2034.123%2010.587%2035.253%2015%2035c4.185-.24%207.623-1.796%209.548-3.413c3.342-2.807%204.09-4.837%204.229-7.035C29%2021%2024.02%2015.959%2022.644%2018.406%22%2F%3E%3Cpath%20fill%3D%22%23a78e81%22%20d%3D%22M35.025%2022.671c-2.101%203.201-6.277%204.173-10.759%201.232s-5.253-7.159-3.152-10.36s7.488-2.584%2010.384-.624s5.628%206.551%203.527%209.752%22%2F%3E%3Cpath%20fill%3D%22%23e2d2c7%22%20d%3D%22M33.271%2023.178c-1.5%202.287-5.164%202.984-9.005.464s-4.419-6.001-2.918-8.288s4.294-1.921%208.135.6s5.288%204.938%203.788%207.224%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M20.565%2014.564a6.33%206.33%200%200%200-.491%203.55c1.498.439%203.637.97%204.65.759c1.646-.342%202.198-1.817%201.956-2.981c-.335-1.616-3.191-2.544-6.115-1.328%22%2F%3E%3Ccircle%20cx%3D%2223.389%22%20cy%3D%2216.576%22%20r%3D%221.188%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M34.307%2023.581a6.33%206.33%200%200%201-3.061%201.864c-.999-1.199-2.337-2.951-2.548-3.964c-.342-1.646.792-2.739%201.956-2.981c1.617-.335%203.605%201.915%203.653%205.081%22%2F%3E%3Ccircle%20cx%3D%2231.338%22%20cy%3D%2221.792%22%20r%3D%221.188%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M28.047%2022.475a2.376%202.376%200%201%201-3.974-2.608c.72-1.098%201.542-.41%202.639.31s2.055%201.2%201.335%202.298%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22m27.979%2025.122l-.073-.005c-4.479-.654-6.297-4.07-6.372-4.216a.5.5%200%200%201%20.888-.461c.017.031%201.673%203.109%205.629%203.687a.501.501%200%200%201-.072.995%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/sloth.svg?color=%231a73e8&size=48
