Threebuttonmouse アイコン
fxemoji:threebuttonmouse
Threebuttonmouse アイコン(fxemoji:threebuttonmouse)は、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 xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#819096" d="M182.648 185.977a9.486 9.486 0 0 1-9.485-9.485c0-52.443 8.49-88.924 25.956-111.526c13.646-17.659 32.121-26.243 56.48-26.243c30.477 0 50.891 19.158 70.633 37.685c20.543 19.28 39.947 37.491 70.968 37.491c35.709 0 47.277-13.216 52.873-23.157c8.258-14.669 9.949-35.886 9.949-63.228a9.486 9.486 0 0 1 18.97 0c0 24.445-.958 52.226-12.389 72.534c-12.432 22.085-35.134 32.821-69.404 32.821c-38.528 0-62.659-22.646-83.95-42.627c-18.609-17.465-34.681-32.547-57.65-32.547c-27.245 0-63.466 12.315-63.466 118.798c0 5.237-4.247 9.484-9.485 9.484"/><path fill="#C5CFD1" d="M314.512 301.986c0 164.601-58.656 208.012-131.012 208.012S52.487 463.854 52.487 301.986c0-90.907 58.656-164.601 131.012-164.601s131.013 73.695 131.013 164.601"/><path fill="#1C4C5A" d="M185.656 293.553h-4.312c-14.715 0-26.644-11.929-26.644-26.644v-64.452c0-14.715 11.929-26.644 26.644-26.644h4.312c14.715 0 26.644 11.929 26.644 26.644v64.452c0 14.715-11.929 26.644-26.644 26.644m-44.89-20.539v-77.499c0-10.612-12.273-16.532-20.562-9.905c-12.792 10.226-26.824 31.088-26.824 73.405c0 24.423 14.369 31.221 27.282 32.398c10.801.985 20.104-7.553 20.104-18.399m105.465 18.399c12.913-1.178 27.282-7.975 27.282-32.398c0-39.812-12.42-60.634-24.543-71.475c-8.835-7.901-22.844-1.701-22.844 10.152v75.322c.001 10.846 9.304 19.384 20.105 18.399"/></svg>Threebuttonmouse アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:threebuttonmouse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:threebuttonmouse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:threebuttonmouse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--threebuttonmouse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:threebuttonmouse"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:threebuttonmouse"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/threebuttonmouse.svg" alt="Threebuttonmouse アイコン" width="24" height="24">Threebuttonmouse アイコン のよくある質問
Threebuttonmouse アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Threebuttonmouse アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:threebuttonmouse" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Threebuttonmouse アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/threebuttonmouse.svg" alt="Threebuttonmouse アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。