Mushroom アイコン

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

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

noto:mushroom

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

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#C4A878" d="M39.92 75.22s.47 6.72.28 10.14c-.2 3.42-.61 6.28-.61 6.28l3.2 25.85l.17 2.7s5.63 3.25 17.33 3.25c17.54 0 25.28-2.78 27.9-8.35c2.11-4.51-1.57-14.73-2.32-18.25c-2.47-11.6-1.04-19.98-1.04-19.98z"/><path fill="#E8D4AF" d="M34.91 112.88c1.23 5.47 8.67 7.59 8.67 7.59s10.83.61 17.69-.32c7.04-.96 12.84-2.62 13.44-6.72s.44-6.86.16-11.2c-.12-1.92-.32-7.2-.32-7.2s-7.99.41-18.67-.44c-10.52-.84-16.22-3.34-16.22-3.34s-1.51 6.93-2.57 9.71c-1.07 2.77-3.41 6.45-2.18 11.92"/><path fill="#FF521A" d="M62.66 3.98C23.48 3.93 5.89 30.38 6.57 56.76c.61 23.71 36.82 26.65 54.89 26.91c26.97.39 59.19-5.08 59.81-27.59c.71-26.16-18.3-52.06-58.61-52.1"/><path fill="#FFF" d="M61.51 9.51c-8.4-.27-15.19 4.05-14.94 11.59c.25 7.71 10.66 9.22 14.75 9.14c5.54-.11 14.35-2.2 14.79-9.06c.42-6.55-6.2-11.4-14.6-11.67M27.9 19.92c-2.88 2.35-4.42 6.82-2.16 8.91c2.12 1.95 5.93.45 8.54-1.8s5.14-5.19 3.67-7.76c-1.8-3.15-6.78-2.02-10.05.65M16.4 46.28c-2.53 7.27-1.66 14.82 4.67 17.97s15.1-.89 17.58-7.98c2.49-7.09 1.1-16.29-5.06-18.75s-14.66 1.49-17.19 8.76m37.51 11.36c-.13 8.94 7.27 16.93 16.77 16.4s15.21-6.14 15.41-15.5c.22-10.52-8.43-16.32-16.9-16.09s-15.15 6.26-15.28 15.19m29.72-32.93c-4.59 6.36-.81 13.33 4.02 17.09c5.87 4.56 13.46 5.31 17.07-.23c4.08-6.27.88-12.36-3.31-16.65s-13.2-6.57-17.78-.21m19.51 28.61c-3.44 1.4-3.01 5.62-1.88 7.85c1.12 2.21 4.14 4.13 6.7 3.23c2.66-.94 3.62-3.94 2.69-6.84c-.94-2.9-3.61-5.82-7.51-4.24"/></svg>

Mushroom アイコンの使い方

React

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

<Icon icon="noto:mushroom" width="24" />

Vue

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

<template>
  <Icon icon="noto:mushroom" width="24" />
</template>

Svelte

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

<Icon icon="noto:mushroom" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="noto:mushroom"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/mushroom.svg" alt="Mushroom アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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