Rat アイコン
emojione:rat
Rat アイコン(emojione:rat)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f29a2e" d="M18.9 46c-.7.2-1.5.6-2.2 1s-1.4.9-2 1.4s-1.1 1.1-1.5 1.7s-.7 1.2-.8 1.8q-.15.9.3 1.8c.3.6.8 1.2 1.4 1.8c.3.3.6.5 1 .8c.3.2.7.5 1.1.7c.7.4 1.5.8 2.3 1.1c1.6.6 3.4.9 5.2 1.2s3.7.5 5.5.7c1.9.2 3.7.5 5.6.8c1.8.3 3.7.7 5.5 1.1c-1.9-.2-3.7-.4-5.6-.6c-1.9-.1-3.7-.2-5.6-.3s-3.7-.1-5.6-.2s-3.8-.3-5.7-.8c-1-.3-1.9-.6-2.8-1c-.5-.2-.9-.4-1.3-.7s-.9-.5-1.3-.9c-.8-.6-1.6-1.4-2.3-2.4c-.3-.5-.6-1.1-.7-1.7c-.2-.6-.2-1.2-.2-1.8q0-.9.3-1.8c.2-.6.4-1.1.7-1.6c.5-1 1.2-1.9 1.9-2.6q1.05-1.2 2.4-2.1c.9-.6 1.8-1.2 2.8-1.6z"/><circle cx="44.6" cy="12.4" r="10.4" fill="#999a9c"/><circle cx="44.5" cy="13.6" r="7.7" fill="#ffc5d3"/><circle cx="19.4" cy="12.4" r="10.4" fill="#999a9c"/><circle cx="19.5" cy="13.6" r="7.7" fill="#ffc5d3"/><path fill="#999a9c" d="M50.3 45.9c0-10.2-4-19.5-5.3-22.3c-.1-.3-.2-.5-.3-.8C42.9 19 38.9 10.6 32 10.6S21.1 19 19.4 22.8c-.1.3-.2.5-.3.8c-1.3 2.8-5.3 12.2-5.3 22.3c0 8.4 2.7 10.6 6.9 11c.2.9 1.1 1.6 2.1 1.6h1.5c1.1 0 2-.8 2.2-1.8c1.7-.1 3.6-.3 5.5-.3c1.8 0 3.6.1 5.3.3c.1 1 1.1 1.8 2.2 1.8H41c1 0 1.9-.7 2.1-1.6c4.4-.3 7.2-2.4 7.2-11"/><g fill="#ffc5d3"><ellipse cx="41.7" cy="33.8" rx="3.2" ry="2.2"/><ellipse cx="22.3" cy="33.8" rx="3.2" ry="2.2"/></g><path fill="#3e4347" d="M34.9 33.8c-.6-.6-2.4-.7-2.9-.7s-2.3 0-2.9.7c-.4.4-.1 1.5 1 2.4c.7.6 1.4.8 1.9.8s1.2-.2 1.9-.8c1.1-.9 1.4-2 1-2.4"/><ellipse cx="25.2" cy="26.7" fill="#fff" rx="4.6" ry="4.5"/><ellipse cx="25.2" cy="26.7" fill="#3e4347" rx="3.2" ry="3.1"/><ellipse cx="38.8" cy="26.7" fill="#fff" rx="4.6" ry="4.5"/><g fill="#3e4347"><ellipse cx="38.8" cy="26.7" rx="3.2" ry="3.1"/><path d="M31 39.3c.1-.3.3-.5.5-.7s.5-.3.7-.4c.3-.1.5-.2.8-.2s.6 0 .8.3c-.3 0-.5.2-.7.3s-.4.2-.7.3c-.2.1-.5.2-.7.3c-.2 0-.4 0-.7.1"/></g></svg>
Rat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:rat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:rat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:rat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--rat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:rat"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:rat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/rat.svg" alt="Rat アイコン" width="24" height="24">
Rat アイコン のよくある質問
Rat アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Rat アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:rat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/rat.svg" alt="Rat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
