Ikon Sloth

openmoji:sloth

Ikon Sloth (openmoji:sloth) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: OpenMoji
Pembuat: OpenMoji
Lisensi: CC-BY-SA-4.0
Ukuran: 72 × 72
Kategori: Hewan dan alam

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#a57939" d="M26.232 43.358c.048.523.073 1.047.073 1.58v.007L15.144 65.157h-4.046l14.215-25.942l.025.065a21.7 21.7 0 0 1 .838 3.497c.024.194.048.387.056.58"/><path fill="#9b9b9a" d="M25.813 49.774a11.5 11.5 0 0 1 .13-2.046a19 19 0 0 0 .21-2.804q0-.796-.073-1.58a7 7 0 0 0-.056-.58a21.7 21.7 0 0 0-.838-3.498L25 38.654a11 11 0 0 0-.628-1.547a4.6 4.6 0 0 1-.315-.798a3.8 3.8 0 0 1-.12-1.056a4.055 4.055 0 0 1 3.005-3.812a4 4 0 0 1 2.249.065C28.634 28.814 31.099 29 31.099 29a15 15 0 0 1 3.29 2.401a18.7 18.7 0 0 1 3.271 4.787a19 19 0 0 0 .524-2.804c-.016-.008-.032-.025-.048-.033a6.14 6.14 0 0 1-2.168-7.043a19 19 0 0 0 .58-2.12a17.4 17.4 0 0 0 .386-3.062c.008-.258.017-.507.017-.765a18.4 18.4 0 0 0-.58-4.602a3.47 3.47 0 0 1 1.345-3.634a8 8 0 0 1 .774-.492a2.44 2.44 0 0 1 3.272.943a18.3 18.3 0 0 1 2.289 6.205a18.5 18.5 0 0 1 .282 3.224c0 .483-.016.959-.057 1.434c.153.161.29.339.435.524a6 6 0 0 1 .363.508q.135.196.258.403c.113.185.226.378.33.58a8 8 0 0 1 1.273-1.822a7.8 7.8 0 0 1 1.677-1.37a.01.01 0 0 1 .008-.008a8.052 8.052 0 0 1 12.28 6.858a10.4 10.4 0 0 1-1.563 4.65c-1.878 2.603-2.756 4.594-2.724 7.81v.16a18.533 18.533 0 0 1-18.535 18.536q-.314-.002-.629-.016h-.072c-.177.008-.363.016-.548.016a11.9 11.9 0 0 1-4.972-1.072c-.008 0-.016-.008-.024-.008l-.097-.049a10.5 10.5 0 0 1-5.924-9.365"/><path fill="#3f3f3f" d="M35.647 45.725a16.8 16.8 0 0 0-.266-4.075c-.018-.098-.036-.204-.062-.302a16 16 0 0 0-.693-2.453a17.8 17.8 0 0 0-2.505-4.629a15 15 0 0 0-.79-1.002a7.6 7.6 0 0 0-1.11-1.206l-.009-.009a4.8 4.8 0 0 0-1.412-.692c-.009 0-.027-.009-.035-.009a2.263 2.263 0 0 1 1.945-2.828a20 20 0 0 1 3.819 2.918a18.8 18.8 0 0 1 3.57 4.768v.008c-.09.293-.187.587-.284.872a14 14 0 0 1-.578 1.402c-.018.236-.018.473-.018.717c0 .375.01.758.045 1.125c.124 1.98-.622.228.124 1.98Zm8.883-23.79c0 .432-.017.848-.05 1.272l-.008-.009a4 4 0 0 0-2.496-1.41a5.06 5.06 0 0 0-4.078 1.223a3.7 3.7 0 0 0-1.164 2.73a4.36 4.36 0 0 0 .645 1.883a7 7 0 0 1 .854 2.999c.008.228.017.44.017.62a18 18 0 0 1-.11 2.012l-.024.171q-.013-.014-.025-.016a6.114 6.114 0 0 1-2.253-7.123a19 19 0 0 0 .603-2.143a17 17 0 0 0 .402-3.097c.008-.261.016-.514.016-.775a18.2 18.2 0 0 0-.603-4.653a3.46 3.46 0 0 1 1.399-3.676a8 8 0 0 1 .804-.497a2.574 2.574 0 0 1 3.4.954a18.4 18.4 0 0 1 2.671 9.535"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M32.055 59.205c-.008 0-.016-.008-.024-.008m-1.354-26.988l-.008-.009m14.851-7.8a2 2 0 0 1-.25.08"/><path fill="#d0cfce" d="M59.266 30.615c-.952 2.689-4.39 3.943-7.65 2.789s-5.143-4.29-4.192-6.98a4.63 4.63 0 0 1 2.524-2.689c1.434-.666 2.314 1.498 4.11 2.134c1.664.589 3.949-.579 4.702.676a4.7 4.7 0 0 1 .506 4.07"/><path fill="#9b9b9a" d="M46.765 27.982c.755-.29 1.186-.816 2.225-.757l.164-.004c1.112.085 1.792.696 2.382.411a.85.85 0 0 0 .456-.827c-.115-.596-1.163-1.09-1.308-1.142a6.3 6.3 0 0 0-3.223-.338Zm12.1 4.282c-.405-.7-.408-1.38-1.253-1.988l-.126-.106c-.917-.633-1.83-.586-2.11-1.18a.85.85 0 0 1 .166-.929c.465-.39 1.59-.116 1.736-.065a7.1 7.1 0 0 1 2.235 1.285a3 3 0 0 1 .483.48Z"/><circle cx="52.805" cy="30.059" r=".806"/><path fill="#a57939" d="m47.137 6.843l-14.941 27.32c-.17-.258-.363-.508-.556-.758a7.3 7.3 0 0 0-1.008-1.193l-.008-.008a4 4 0 0 0-1.16-.636L42.882 6.843Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-miterlimit="10" d="M42.84 14.51a17.7 17.7 0 0 1 1.31 4.28a19 19 0 0 1 .28 3.22a14 14 0 0 1-.06 1.44m-5.78-11.81a2.34 2.34 0 0 1 1.71-.22M11 65.157l11.946-21.801m-.938 9.187l-.125.221l-6.837 12.393m17.051-38.623L42.783 6.843M41.11 17.684l5.928-10.841"/><path stroke-linejoin="round" d="M26.041 47.74a19 19 0 0 0 .21-2.804q0-.796-.073-1.58a7 7 0 0 0-.056-.58a21.7 21.7 0 0 0-.838-3.498l-.186-.612a11 11 0 0 0-.628-1.548a4.7 4.7 0 0 1-.315-.797a3.8 3.8 0 0 1-.12-1.056a4.055 4.055 0 0 1 3.005-3.812a3.96 3.96 0 0 1 2.216.056c.008 0 .024.008.032.008a4.2 4.2 0 0 1 1.282.685l.008.008a7.3 7.3 0 0 1 1.007 1.193c.25.322.5.653.717.991a18.1 18.1 0 0 1 2.273 4.578a17 17 0 0 1 .628 2.425c.025.097.04.202.057.299a18 18 0 0 1 .242 4.029a16 16 0 0 1-.137 1.523a18.6 18.6 0 0 1-.742 3.282m-.233 9.483a11.8 11.8 0 0 1-2.434-.806c-.008 0-.016-.008-.024-.008l-.096-.048A10.67 10.67 0 0 1 26.04 47.74m19.72-22.275a8 8 0 0 1 1.274-1.821a8 8 0 0 1 1.676-1.37a.01.01 0 0 1 .008-.008A8.051 8.051 0 0 1 61 29.124a10.4 10.4 0 0 1-1.563 4.65c-1.878 2.603-2.756 4.593-2.724 7.809v.161a18.53 18.53 0 0 1-9.687 16.291"/><path stroke-linejoin="round" d="M38.178 45.975a.05.05 0 0 1-.008-.032a18 18 0 0 1-1.201-5.553a8.6 8.6 0 0 1 .5-3.207c.089-.282.177-.573.258-.863v-.008c.008-.04.024-.072.032-.112a19 19 0 0 0 .5-2.636l.024-.169a18 18 0 0 0 .105-1.99c0-.178-.008-.387-.016-.613a7 7 0 0 0-.822-2.966a4.4 4.4 0 0 1-.62-1.861a3.7 3.7 0 0 1 1.12-2.7a4.78 4.78 0 0 1 3.924-1.209a3.83 3.83 0 0 1 2.402 1.394l.008.008c.153.162.282.33.427.516a6 6 0 0 1 .363.508a10 10 0 0 1 .588.983a30.4 30.4 0 0 1 2.957 12.04a18.4 18.4 0 0 1-2.829 9.84v.008"/><path stroke-miterlimit="10" d="M36 33.233a18.7 18.7 0 0 1 1.76 2.962v.008c-.008.04-.024.073-.032.113c-.08.29-.17.58-.258.863v.008q-.026.084-.065.193m-2.199 4.013a17 17 0 0 0-.63-2.425a18.1 18.1 0 0 0-2.272-4.578a14 14 0 0 0-.717-.991a7.3 7.3 0 0 0-1.007-1.193l-.008-.008a4.2 4.2 0 0 0-1.281-.685"/></g></svg>

Cara memakai ikon Sloth

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:sloth" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:sloth" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:sloth" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--sloth]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:sloth"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:sloth"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/openmoji/sloth.svg" alt="Ikon Sloth" width="24" height="24">

Ikon Sloth di set ikon lain

FAQ Ikon Sloth

Apakah ikon Sloth gratis untuk penggunaan komersial?

Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Sloth di React?

Pasang @iconify/react lalu render <Icon icon="openmoji:sloth" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Sloth ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/sloth.svg" alt="Ikon Sloth">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon OpenMoji →