Rabbit アイコン
twemoji:rabbit
Rabbit アイコン(twemoji:rabbit)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- 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="#99aab5" d="M9 11C9 6.858 7 0 8 0s7 4 5 11c-1.138 3.983-.896 4-2 4s-2 .142-2-4"/><path fill="#f4abba" d="M9.55 11.704c0-3.414-1.297-9.065-.648-9.065s4.538 3.296 3.241 9.065C11.405 14.986 11.562 15 10.846 15s-1.296.117-1.296-3.296"/><path fill="#99aab5" d="M4.789 12.375C3.726 8.372.033 2.256 1 2c.966-.257 7.792 2.07 7.655 9.349c-.078 4.142.161 4.096-.907 4.379s-1.897.65-2.959-3.353"/><path fill="#f4abba" d="M5.5 12.914c-.875-3.299-3.579-8.429-2.952-8.595s5.232 2.022 5.458 7.93c.129 3.361.285 3.335-.407 3.519c-.692.183-1.223.445-2.099-2.854"/><circle cx="32.5" cy="28.5" r="3.5" fill="#ccd6dd"/><path fill="#99aab5" d="M30.733 31.736C32.227 30.354 33 28.218 33 25c0-7.18-6.82-11-14-11c-2.057 0-3.829.157-5.323.54C12.592 13.41 10.817 13 8.4 13C4.136 13 0 17.069 0 21.333c0 4.13 3.88 4.637 7.999 4.664L8 26c3 5 1 10 3 10c1.588 0 1.914-2.217 1.981-4.375a15 15 0 0 0 3.531 1.577C15.635 33.726 15 34.271 15 34.5c0 1.381 2 1.5 5 1.5c5.522 0 13 0 11-4a.7.7 0 0 0-.267-.264"/><circle cx="6" cy="18" r="1" fill="#292f33"/><path fill="#f4abba" d="M2 21c0 1.104-.5 2-1 2s-1-.896-1-2s.448-1 1-1s1-.104 1 1"/></svg>
Rabbit アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:rabbit" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:rabbit" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:rabbit" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--rabbit]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:rabbit"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:rabbit"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/rabbit.svg" alt="Rabbit アイコン" width="24" height="24">
Rabbit アイコン のよくある質問
Rabbit アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Rabbit アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:rabbit" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rabbit アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/rabbit.svg" alt="Rabbit アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
