Rat アイコン

Q: Rat アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fxemoji:rat

Rat アイコン(fxemoji:rat)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Firefox OS Emoji
作者: Mozilla
ライセンス: Apache-2.0
サイズ: 512 × 512
カテゴリ: 自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#F4B5C8" d="m112.816 293.123l-4.064.023c-.693-.007-1.338.031-2.071.064l-2.397.102c-.858.025-1.84.139-2.855.211c-1.023.083-2.112.157-3.249.314c-4.566.506-10.081 1.419-16.144 3.187c-6.043 1.758-12.702 4.38-18.94 8.485c-3.11 2.045-6.101 4.461-8.692 7.28c-2.587 2.813-4.797 6.029-6.141 9.572c-2.925 7.02-2.027 15.364 2.65 23.123c2.286 3.878 5.394 7.577 9.021 10.971c3.628 3.401 7.763 6.508 12.172 9.363a125 125 0 0 0 13.988 7.825c2.41 1.232 4.937 2.282 7.421 3.414c2.536 1.036 5.054 2.121 7.636 3.079c20.608 7.824 42.492 12.797 63.155 16.312c10.34 1.783 20.424 3.097 30.005 4.207l7.093.779c2.331.249 4.633.44 6.894.657c4.521.449 8.9.778 13.105 1.097c4.202.352 8.24.566 12.078.81c3.837.259 7.483.419 10.91.578c6.851.362 12.834.497 17.759.675c4.926.144 8.8.185 11.441.247l4.049.079l.048.001a3.65 3.65 0 0 1-.048 7.298l-4.078.026c-2.66.006-6.561.065-11.528.049c-4.967-.05-11-.03-17.921-.217c-3.461-.072-7.144-.137-11.026-.299c-3.882-.146-7.966-.257-12.225-.502c-4.26-.212-8.698-.431-13.288-.766c-2.295-.161-4.631-.294-7.001-.485l-7.213-.603c-9.751-.874-20.034-1.944-30.635-3.49c-21.191-3.052-43.774-7.53-65.705-15.203c-2.745-.939-5.453-2.02-8.172-3.052c-2.688-1.138-5.402-2.19-8.046-3.451a138 138 0 0 1-15.544-8.182c-5.011-3.065-9.838-6.483-14.281-10.432c-4.434-3.947-8.495-8.444-11.743-13.616c-.802-1.301-1.602-2.595-2.264-3.995c-.339-.692-.711-1.36-1.013-2.072l-.876-2.152c-.141-.36-.294-.714-.424-1.079l-.35-1.116l-.682-2.23l-.497-2.29l-.238-1.144c-.064-.385-.102-.776-.153-1.163l-.271-2.324c-.043-.778-.055-1.559-.077-2.336l-.024-1.165c.008-.387.042-.774.063-1.161l.161-2.312c.421-3.04 1.02-6.048 2.09-8.811c1.984-5.61 5.137-10.389 8.617-14.387c3.495-4.01 7.361-7.269 11.259-9.985c7.824-5.431 15.75-8.736 22.848-11.016c7.119-2.277 13.48-3.49 18.724-4.214c1.31-.212 2.554-.333 3.725-.459c1.179-.116 2.248-.265 3.31-.329l2.922-.199c.894-.06 1.726-.12 2.358-.129l4.062-.129a8.336 8.336 0 1 1 .312 16.667"/><path fill="#4A5E66" d="M362.835 254.108c-4.412-16.855 4.232-35.056 21.339-41.756c16.229-6.356 34.99.348 43.514 15.551c8.939 15.943 4.184 35.381-9.744 45.664c-3.234 2.388-7.469 2.956-11.255 1.603l-36.484-13.039a11.67 11.67 0 0 1-7.37-8.023"/><path fill="#657F8C" d="M472.538 303.833c-46.712-49.859-142.596-134.245-269.274-151.809l.025-.003l-4.797-1.698a2.242 2.242 0 0 1-1.317-3.073l1.099-2.455c.345-.769-.503-1.539-1.447-1.315l-31.155 4.764c-1.555.238-2.725-1.164-1.923-2.305l4.436-6.309c.54-.768-.289-1.701-1.32-1.48c-9.999 2.138-44.872 10.546-65.257 27.613c-25.078 17.341-41.512 46.295-41.512 79.093c0 53.074 43.025 96.099 96.099 96.099h300.239c19.303 0 29.3-23.037 16.104-37.122"/><path fill="#2B3B47" d="M430.564 287.132a7.633 7.633 0 0 0-8.004 7.242l-.659 13.182a7.633 7.633 0 0 0 15.246.762l.659-13.182a7.63 7.63 0 0 0-7.242-8.004"/><path fill="#7C99A5" d="M369.804 278.887c-16.507-5.573-26.968-22.794-23.169-40.769c3.604-17.053 19.513-29.046 36.899-27.817c18.232 1.289 31.862 15.94 32.803 33.227c.218 4.014-1.633 7.865-4.843 10.285l-30.938 23.323a11.67 11.67 0 0 1-10.752 1.751M255.842 303.74h-38.477a77.8 77.8 0 0 0 7.359-33.106c0-43.143-34.974-78.117-78.117-78.117S68.49 227.491 68.49 270.634s34.974 78.117 78.117 78.117h109.234c12.429 0 22.505-10.076 22.505-22.505c.001-12.43-10.075-22.506-22.504-22.506"/><path fill="#F4B5C8" d="M381.294 276.671c-12.903-1.811-21.896-13.739-20.085-26.642s13.739-21.896 26.642-20.085s21.896 13.739 20.085 26.642z"/></svg>

Rat アイコンの使い方

React

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

<Icon icon="fxemoji:rat" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:rat" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:rat" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fxemoji:rat"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/rat.svg" alt="Rat アイコン" width="24" height="24">

他のアイコンセットの Rat アイコン

Rat アイコンのよくある質問

Rat アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Rat アイコンを使うには?

@iconify/react をインストールして <Icon icon="fxemoji:rat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Rat アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/rat.svg" alt="Rat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Firefox OS Emoji アイコンをすべて見る →