Иконка Mushroom Outline

glyphs:mushroom-outline

Иконка Mushroom Outline (glyphs:mushroom-outline) — бесплатная SVG-иконка из набора Glyphs от 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>

Веб-компонент

<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">

Иконка Mushroom Outline в других наборах

Вопросы и ответы: Иконка Mushroom Outline

Можно ли бесплатно использовать иконку Mushroom Outline в коммерческих проектах?

Да. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Mushroom Outline в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Glyphs →