ICONYZ
日本語
Emoji One (v1) の Mushroom アイコン

Mushroom アイコン

emojione-v1:mushroom

Mushroom アイコン(emojione-v1:mushroom)は、Emoji One (v1) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Emoji One (v1)
作者
Emoji One
ライセンス
CC-BY-SA-4.0
サイズ
64 × 64
カテゴリ
自然
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ddb185" d="M20.606 58.673c0 5.458 5.1 5.226 11.392 5.226c6.297 0 11.394.23 11.394-5.226c0-5.449-5.097-18.895-11.394-18.895c-6.293 0-11.392 13.446-11.392 18.895"/><path fill="#be202e" d="M.05 35.216c0 9.25 14.297 16.745 31.948 16.745c17.656 0 31.952-7.495 31.952-16.745c.001-9.238-14.296-32.044-31.952-32.044C14.348 3.172.05 25.978.05 35.216"/><path fill="#d1d2d3" d="M19.504 31.347c0 4.143-3.727 7.5-8.324 7.5s-8.327-3.358-8.327-7.5c0-4.138 3.729-7.495 8.327-7.495s8.324 3.357 8.324 7.495m38.49 5.556c0 5.525-4.981 10.015-11.114 10.015c-6.143 0-11.119-4.487-11.119-10.015c0-5.53 4.976-10.015 11.12-10.015c6.132 0 11.113 4.483 11.113 10.015M43.187 14.341c0 3.693-3.326 6.693-7.427 6.693c-4.104 0-7.427-2.999-7.427-6.693s3.323-6.686 7.427-6.686c4.1 0 7.427 2.993 7.427 6.686"/></svg>

Mushroom アイコンの使い方

React

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

<Icon icon="emojione-v1:mushroom" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:mushroom" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:mushroom" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="emojione-v1:mushroom"></iconify-icon>

HTML 画像

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

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

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

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

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Emoji One (v1) アイコン をすべて見る →