Mushroom アイコン
fxemoji:mushroom
Mushroom アイコン(fxemoji:mushroom)は、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="#D3BBA3" d="m265.75 178.359l5.814 10.684l13.96 28.164c5.384 11.654 11.567 25.251 17.579 39.818c3.169 7.284 6.142 14.811 9.102 22.459c2.929 7.648 6.198 15.418 8.934 23.186c5.536 15.54 11.463 31.078 15.82 45.645c2.493 7.284 4.08 14.325 5.929 21.002c1.879 6.677 2.91 12.99 4.26 18.817c4.661 23.308 4.262 38.847 4.262 38.847c-1.326 51.617-44.246 68.937-95.863 67.61c-49.922-1.283-89.701-18.275-91.059-67.61c0 0-.399-15.539 4.262-38.847c1.35-5.827 2.381-12.14 4.26-18.817c1.85-6.677 3.437-13.718 5.929-21.002c4.357-14.567 10.284-30.106 15.82-45.645c2.736-7.769 6.005-15.539 8.934-23.186c2.96-7.648 5.933-15.175 9.102-22.459c6.012-14.567 12.195-28.164 17.579-39.818l13.96-28.164l5.814-10.684a8.883 8.883 0 0 1 15.602 0"/><path fill="#FF473E" d="M432.053 285.524c42.202-13.375 65.741-57.992 52.814-100.333C455.199 88.02 364.828 17.337 257.949 17.337S60.698 88.02 31.031 185.19c-12.927 42.342 10.612 86.959 52.814 100.333c37.112 11.761 93.058 22.379 174.104 22.379s136.992-10.617 174.104-22.378"/><path fill="#FFA9BA" d="M426.76 278.404a100 100 0 0 1-.402 8.864c-37.061 11.045-91.397 20.634-168.409 20.634c-8.103 0-15.943-.111-23.55-.313a98.4 98.4 0 0 1-4.402-29.185c0-54.334 44.047-98.381 98.381-98.381s98.382 44.047 98.382 98.381m49.873-115.922c-18.391-43.627-49.456-80.597-88.583-106.308c-10.014 12.164-16.028 27.745-16.028 44.73c0 38.897 31.532 70.43 70.43 70.43a70.1 70.1 0 0 0 34.181-8.852M230.668 18.901c-48.575 5.563-92.687 25.793-127.801 56.158a86.7 86.7 0 0 0-2.018 18.551c0 47.725 38.688 86.413 86.413 86.413s86.413-38.688 86.413-86.413c0-31.897-17.295-59.738-43.007-74.709"/></svg>
Mushroom アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:mushroom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:mushroom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:mushroom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--mushroom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:mushroom"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:mushroom"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/mushroom.svg" alt="Mushroom アイコン" width="24" height="24">
Mushroom アイコン のよくある質問
Mushroom アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mushroom アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:mushroom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mushroom アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/mushroom.svg" alt="Mushroom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
