Mushroom アイコン
emojione-monotone:mushroom
Mushroom アイコン(emojione-monotone:mushroom)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- 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="currentColor" d="M54.712 13.381c-3.16-3.027-6.984-5.645-10.738-7.603C39.428 3.409 34.995 2 32 2c-2.993 0-7.429 1.409-11.974 3.778c-3.752 1.958-7.578 4.575-10.736 7.603C5.041 17.452 2 22.268 2 27.226c0 .699.025 1.367.061 2.014c.709 12.97 8.411 15.696 19.069 16.258c-.101.712-.199 1.433-.298 2.177C19.977 54.054 17.192 62 17.192 62h29.613s-2.782-7.944-3.638-14.326c-.099-.744-.197-1.465-.298-2.177c10.66-.562 18.362-3.288 19.071-16.258c.035-.646.06-1.314.06-2.013c0-4.958-3.039-9.774-7.288-13.845M60 26.998c0 .506-.021.982-.043 1.457a12 12 0 0 1-3.241-2.594c-3.015-3.395-4.096-7.965-2.887-11.163C57.46 18.363 60 22.621 60 26.998M49.768 40.356c0 2.423-2.756 3.721-7.006 4.384c-.895-5.938-2.428-10.443-10.763-10.443s-9.866 4.505-10.761 10.443c-4.252-.663-7.01-1.961-7.01-4.384c0-4.032 8.5-7.765 17.771-7.765c9.272.001 17.769 3.733 17.769 7.765M32 3.454c2.796 0 6.933 1.314 11.174 3.528c.166.086.334.181.498.271c-.877 4.768-5.756 8.422-11.673 8.422c-5.914 0-10.794-3.654-11.673-8.421c.165-.09.334-.185.5-.271C25.067 4.769 29.206 3.454 32 3.454M10.172 14.7c1.208 3.198.126 7.768-2.889 11.161a12 12 0 0 1-3.238 2.593c-.024-.475-.045-.95-.045-1.456c0-4.377 2.541-8.633 6.172-12.298"/></svg>
Mushroom アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:mushroom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:mushroom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:mushroom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--mushroom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:mushroom"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:mushroom"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/mushroom.svg" alt="Mushroom アイコン" width="24" height="24">
Mushroom アイコン のよくある質問
Mushroom アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mushroom アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:mushroom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mushroom アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/mushroom.svg" alt="Mushroom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Monotone) アイコン をすべて見る →
ICONYZ
