Sloth アイコン
twemoji:sloth
Sloth アイコン(twemoji:sloth)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" 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>Sloth アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:sloth" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:sloth" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:sloth" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--sloth]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:sloth"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:sloth"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/sloth.svg" alt="Sloth アイコン" width="24" height="24">他のアイコンセットの Sloth アイコン
Sloth アイコン のよくある質問
Sloth アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sloth アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:sloth" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sloth アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/sloth.svg" alt="Sloth アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。