Иконка Butter
fluent-emoji-high-contrast:butter
Иконка Butter (fluent-emoji-high-contrast:butter) — бесплатная 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="M19.347 11.23a2.23 2.23 0 0 0-1.965.001l-8.042 3.85l-.007.005A1.8 1.8 0 0 0 8.4 16.25a2.22 2.22 0 0 0-1.53.16l-.98.47l-.008.005c-.585.292-.983.89-.983 1.584v1.596L1.892 21.53l-.01.005A1.57 1.57 0 0 0 1 22.93v1.22c0 .562.3 1.133.883 1.424l10.153 4.992a3.22 3.22 0 0 0 2.866 0l15.196-7.397l.01-.005c.582-.29.882-.863.882-1.424v-1.22a1.57 1.57 0 0 0-.883-1.394l-2.687-1.322V16.3a1.78 1.78 0 0 0-.983-1.585l-7.086-3.482zM16.91 21.48c0-.22-.041-.434-.118-.632L17.1 21c.19.09.31.29.31.5v2.73c0 .24-.25.4-.47.29l-.03-.015zm-12.01.73c0 .629.362 1.181.886 1.456l.011.006l7.382 3.626l.011.005a1.8 1.8 0 0 0 1.524.007l.01-.005l1.272-.615l.011-.006c.451-.225.754-.631.86-1.092c.43.136.893.102 1.297-.082l.01-.004l8.336-3.998l.007-.004c.57-.284.903-.857.903-1.464v-1.121l2.24 1.1c.44.22.44.84 0 1.06l-15.2 7.4c-.62.31-1.36.31-1.98 0L2.33 23.49a.59.59 0 0 1 0-1.06l2.57-1.251zm12.91-10.08c.35-.17.75-.17 1.11 0l7.01 3.45c.2.1.2.39 0 .49l-8.13 3.9c-.25.12-.53.12-.77 0l-7.18-3.53c-.2-.1-.2-.39 0-.49zM5.9 19.43c0-.2.21-.34.4-.25l7.36 3.62a.55.55 0 0 1 .3.395v2.825a.3.3 0 0 0 .006.063a.323.323 0 0 1-.466.237l-7.24-3.56a.62.62 0 0 1-.36-.56zm.5-1.69l.9-.43c.35-.17.75-.17 1.1 0l7.01 3.44c.2.1.2.39 0 .49l-1.06.52c-.25.12-.53.12-.77 0L6.4 18.23c-.2-.1-.2-.39 0-.49"/></svg>
Как использовать иконку Butter
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:butter" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:butter" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:butter" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--butter]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:butter"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:butter"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/butter.svg" alt="Иконка Butter" width="24" height="24">
Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Butter в других наборах
Вопросы и ответы: Иконка Butter
Можно ли бесплатно использовать иконку Butter в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Butter в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:butter" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Butter на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/butter.svg" alt="Иконка Butter">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
