Mushroom Outline アイコン

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

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

glyphs:mushroom-outline

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

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: mushroomoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="M32.27 38.819a5.992 5.992 0 1 0-.243.105l.039-.016zm-3.178-7.212l-.043.017a1.892 1.892 0 1 0 .043-.017m11.08 1.541a8.948 8.948 0 1 0 16.534 6.85a8.948 8.948 0 0 0-16.534-6.85m10.122-1.055a4.848 4.848 0 1 0-3.71 8.958a4.848 4.848 0 0 0 3.71-8.958"/><path fill="currentColor" fill-opacity=".25" d="M45.961 52.05h15.932c3.645 0 8.436-1.556 9.607-6.178c1.396-5.508-.633-11.789-6.124-15.181l-3.8-2.347c-.98-.606-1.87-1.445-2.774-2.448a25 25 0 0 0-1.82-1.82c-1.004-.904-1.843-1.794-2.448-2.774l-2.347-3.8c-5.396-8.736-18.1-8.736-23.496 0l-2.347 3.8c-.606.98-1.445 1.87-2.448 2.774a25 25 0 0 0-1.82 1.82c-.904 1.003-1.794 1.842-2.774 2.448l-3.8 2.347c-5.491 3.392-7.52 9.673-6.124 15.18c1.171 4.623 5.961 6.18 9.607 6.18H33.86v8.783c0 .7-.186 1.387-.538 1.99l-.956 1.64c-1.186 2.033.28 4.586 2.635 4.586H45.52c2.354 0 3.82-2.553 2.634-4.587L46.5 61.626a3.95 3.95 0 0 1-.538-1.99zM48.7 19.657c-3.794-6.142-12.726-6.142-16.52 0l-2.347 3.8c-.9 1.458-2.065 2.65-3.192 3.665q-.799.72-1.518 1.518c-1.016 1.127-2.207 2.291-3.666 3.192l-3.8 2.347c-3.849 2.378-5.296 6.772-4.304 10.685c.464 1.83 2.623 3.086 5.633 3.086h42.908c3.01 0 5.17-1.257 5.633-3.086c.992-3.913-.456-8.307-4.305-10.685l-3.8-2.347c-1.458-.9-2.65-2.065-3.665-3.192a21 21 0 0 0-1.519-1.518c-1.127-1.016-2.29-2.207-3.192-3.666zM41.86 52.05h-3.9v8.785a8.05 8.05 0 0 1-1.096 4.056l-.035.06h6.861l-.733-1.259a8.05 8.05 0 0 1-1.097-4.056z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.27 38.819a5.992 5.992 0 1 0-.243.105l.039-.016zm-3.178-7.212l-.043.017a1.892 1.892 0 1 0 .043-.017m11.08 1.541a8.948 8.948 0 1 0 16.534 6.85a8.948 8.948 0 0 0-16.534-6.85m10.122-1.055a4.848 4.848 0 1 0-3.71 8.958a4.848 4.848 0 0 0 3.71-8.958"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M45.961 52.05h15.932c3.645 0 8.436-1.556 9.607-6.178c1.396-5.508-.633-11.789-6.124-15.181l-3.8-2.347c-.98-.606-1.87-1.445-2.774-2.448a25 25 0 0 0-1.82-1.82c-1.004-.904-1.843-1.794-2.448-2.774l-2.347-3.8c-5.396-8.736-18.1-8.736-23.496 0l-2.347 3.8c-.606.98-1.445 1.87-2.448 2.774a25 25 0 0 0-1.82 1.82c-.904 1.003-1.794 1.842-2.774 2.448l-3.8 2.347c-5.491 3.392-7.52 9.673-6.124 15.18c1.171 4.623 5.961 6.18 9.607 6.18H33.86v8.783c0 .7-.186 1.387-.538 1.99l-.956 1.64c-1.186 2.033.28 4.586 2.635 4.586H45.52c2.354 0 3.82-2.553 2.634-4.587L46.5 61.626a3.95 3.95 0 0 1-.538-1.99zM48.7 19.657c-3.794-6.142-12.726-6.142-16.52 0l-2.347 3.8c-.9 1.458-2.065 2.65-3.192 3.665q-.799.72-1.518 1.518c-1.016 1.127-2.207 2.291-3.666 3.192l-3.8 2.347c-3.849 2.378-5.296 6.772-4.304 10.685c.464 1.83 2.623 3.086 5.633 3.086h42.908c3.01 0 5.17-1.257 5.633-3.086c.992-3.913-.456-8.307-4.305-10.685l-3.8-2.347c-1.458-.9-2.65-2.065-3.665-3.192a21 21 0 0 0-1.519-1.518c-1.127-1.016-2.29-2.207-3.192-3.666zM41.86 52.05h-3.9v8.785a8.05 8.05 0 0 1-1.096 4.056l-.035.06h6.861l-.733-1.259a8.05 8.05 0 0 1-1.097-4.056z"/></g></svg>

Mushroom Outline アイコンの使い方

React

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

<Icon icon="glyphs:mushroom-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:mushroom-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:mushroom-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="glyphs:mushroom-outline"></iconify-icon>

HTML 画像

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

Glyphs の関連アイコン

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

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

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

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

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

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

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

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

Glyphs アイコンをすべて見る →