Иконка Brown Mushroom

openmoji:brown-mushroom

Иконка Brown Mushroom (openmoji:brown-mushroom) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Еда и напитки
Теги: brownmushroom

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g stroke-width="0"><path fill="#d0cfce" d="M27.604 40.5s1.038 4 0 6s-4.29 7.466 2.075 9c4.15 1 10.29 1.028 13.488 0c1.557-.5 2.741-4.294 2.374-6.5c-.5-3-1.5-5-.5-8"/><path fill="#a57939" d="M36.54 15.006c-5.753.15-17.763 1.718-20 12.275c-2 9.442 6 13.219 11 13.219h17s14 0 12-12.275c-1.7-10.434-14.038-13.375-20-13.22"/><ellipse cx="25.041" cy="23.504" fill="#d0cfce" rx="4.382" ry="2.909" transform="rotate(-40.754 25.04 23.504)"/><path fill="#d0cfce" d="M27.746 46s2.582 2.936 8.253 1.63c0 0 .093 3.272 0 4.354s-.667 2.612-2.335 3.047c-2.492.65-6.31-.285-7.34-1.741c-1.116-1.58 1.422-7.29 1.422-7.29"/></g><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M27.54 40.5s1 4 0 6s-2.5 7.5 2 9c3.912 1.304 12.5 1.5 14.5-1.5s0-5 0-8"/><path stroke-miterlimit="10" d="M36.206 14.506c-5.753.15-17.764 1.718-20 12.275c-2 9.442 6 13.219 11 13.219h17s14 0 12-12.275c-1.7-10.434-14.04-13.375-20-13.22Z"/></g></svg>

Как использовать иконку Brown Mushroom

React

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

<Icon icon="openmoji:brown-mushroom" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:brown-mushroom" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:brown-mushroom" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="openmoji:brown-mushroom"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/openmoji/brown-mushroom.svg" alt="Иконка Brown Mushroom" width="24" height="24">

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

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

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

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

Установите @iconify/react и выведите <Icon icon="openmoji:brown-mushroom" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Brown Mushroom на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/brown-mushroom.svg" alt="Иконка Brown Mushroom">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →