Mushroom アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:mushroom

Mushroom アイコン(game-icons:mushroom)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M243.156 33.438c-20.942-.063-42.734 2.257-65.187 7.437C126.963 52.643 68.322 107.47 42.53 162.72C29.636 190.342 25 217.58 31.25 238.937c5.222 17.848 17.492 32.643 41.625 42.28c-6.435-11.346-11.127-23.515-13.594-35.437L77.595 242c3.298 15.935 12.104 33.888 23.75 47.375c16.41 3.68 34.136 6.598 52.625 8.875c-6.342-14.927-6.5-28.125-6.282-39.344l18.687.375c-.273 13.994-.577 24.996 9.97 41.408c18.157 1.672 36.814 2.74 55.53 3.28c-.398-14.217.6-27.983 1.875-41.5l18.594 1.75c-1.275 13.525-2.18 26.798-1.75 40.126c20.394.203 40.653-.242 60.187-1.22c2.538-14.65 4.195-27.985 5.876-41.53l18.563 2.312c-1.52 12.23-3.06 24.62-5.283 38.094c19.033-1.342 37.103-3.212 53.657-5.563c5.58-14.386 9.82-28.63 12.187-42.687l18.408 3.094C412.14 269 408.86 281.046 404.717 293c9.45-1.73 18.225-3.626 26.094-5.688c9.286-15.084 16.266-29.915 20.032-44.343l18.094 4.718c-2.556 9.79-6.28 19.428-10.907 28.968c19.744-11.594 28.6-28.806 30.064-49.687c1.953-27.843-11.252-62.942-37.25-95.376c-42.248-52.705-116.938-97.886-207.688-98.156zm-57 287.156a461 461 0 0 0-4.406 23.594c-4.52 28.362-6.266 57.097-3.938 80.406c2.33 23.308 9.175 40.414 18.157 47.25c15.977 12.16 37.085 17.318 57.374 16.687c20.288-.63 39.502-7.255 50.844-16.5c9.073-7.394 16.467-30.6 17.187-60.655c.647-27.003-3.187-59.006-10.5-89.094c-40.29 2.05-83.374 1.668-124.72-1.686z"/></svg>

Mushroom アイコンの使い方

React

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

<Icon icon="game-icons:mushroom" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:mushroom" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:mushroom" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:mushroom"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

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

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

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

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →