Иконка Herb
fluent-emoji-high-contrast:herb
Иконка Herb (fluent-emoji-high-contrast:herb) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Животные и природа
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m24.877 1.562l-.439-.9l-.898.44c-3.834 1.87-5.444 6.497-3.57 10.337l.056.115a13.2 13.2 0 0 1-4.641 5.854l-.925-1.903a5.23 5.23 0 0 0 2.227-6.892L14.44 3.994l-.899.437a5.226 5.226 0 0 0-2.412 6.986l1.537 3.16q.014.04.032.077l1.69 3.476a14.4 14.4 0 0 0-4.68 6.58l-.256.74l-.964-1.983a6.41 6.41 0 0 0 2.77-8.463l-2.76-5.662l-.9.44c-3.172 1.55-4.502 5.377-2.949 8.557l2.284 4.685q.015.047.037.092l1.922 3.954l-.874 2.53l1.14.39l1.007-2.907l3.8.396l.073.002l4.536.474a6.403 6.403 0 0 0 7.039-5.701l.104-.995l-6.265-.653a6.403 6.403 0 0 0-7.015 5.501l-1.867-.195l.278-.802a13.2 13.2 0 0 1 3.975-5.764l3.233.343v.002l.627.065l.507.054l.027.002l3.957.413c2.866.296 5.442-1.78 5.739-4.652l.103-.994l-5.11-.533h-.003c-2.807-.302-5.31 1.688-5.713 4.445l-1.937-.207a14.4 14.4 0 0 0 4.91-6.315l.143-.07c3.846-1.871 5.444-6.5 3.57-10.337m-3.473 7.94l-.034-.01a5.74 5.74 0 0 1 2.098-6.012a5.73 5.73 0 0 1-2.064 6.022m-8.476 1.041a3.23 3.23 0 0 1 .657-3.734l1.304 2.678a3.23 3.23 0 0 1-.66 3.732zm-6.482 6.918a4.4 4.4 0 0 1 1.182-5.34l1.83 3.755v.001a4.41 4.41 0 0 1-1.18 5.342zm16.935.775l-2.965-.31a3.21 3.21 0 0 1 3.275-1.891h.003l2.969.31a3.23 3.23 0 0 1-3.282 1.89m-8.76 7.295a4.41 4.41 0 0 1 4.624-2.936l4.162.434a4.41 4.41 0 0 1-4.624 2.936z"/></svg>
Как использовать иконку Herb
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:herb" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:herb" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:herb" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--herb]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:herb"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:herb"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/herb.svg" alt="Иконка Herb" width="24" height="24">
Иконка Herb в других наборах
Вопросы и ответы: Иконка Herb
Можно ли бесплатно использовать иконку Herb в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Herb в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:herb" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Herb на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/herb.svg" alt="Иконка Herb">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
