Иконка Bacon

fluent-emoji-high-contrast:bacon

Иконка Bacon (fluent-emoji-high-contrast:bacon) — бесплатная 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

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M19.294 1.995c-.675-1.118-2.239-1.354-3.193-.4l-4.294 4.294c-.924.924-1.742 2.157-1.535 3.821c.052.718.253 1.45.545 2.082a6.1 6.1 0 0 0 1.65 2.117c1.281 1.069 2.536 1.245 3.27 1.349l.115.015c.234.029.442.054.623.23c.165.166.194.398.223.62l.011.091c.118.843.32 2.293 1.752 3.725c1.427 1.428 2.883 1.633 3.715 1.75l.092.013h.029a4.18 4.18 0 0 0 3.438-1.193l4.64-4.64c.954-.954.718-2.518-.4-3.193l-.012-.007c-1.001-.586-1.93-.715-2.518-.789l-.079-.01c-.237-.03-.434-.054-.615-.23c-.172-.172-.194-.367-.22-.59l-.014-.12c-.118-.843-.32-2.293-1.752-3.725c-1.427-1.427-2.883-1.633-3.715-1.75l-.068-.01c-.237-.031-.488-.065-.666-.239c-.173-.168-.195-.38-.219-.604q-.007-.075-.018-.15c-.08-.568-.21-1.474-.778-2.445zm-4.296 8.547c-1.191-1.19-1.357-2.372-1.467-3.152l-.003-.018l-.002-.014c-.079-.6-.111-.849-.518-1.256l2.35-2.35c1.195 1.195 1.359 2.37 1.469 3.16l.001.01l.002.014c.079.6.111.85.518 1.256c.41.4.66.44 1.27.52l.018.003c.78.11 1.961.276 3.152 1.467c1.195 1.195 1.359 2.37 1.469 3.16l.001.01l.002.014c.078.6.111.85.518 1.256c.41.4.66.44 1.27.52l.018.003c.78.11 1.961.276 3.152 1.467l-2.35 2.35c-.41-.4-.66-.44-1.27-.52l-.017-.002c-.78-.11-1.962-.277-3.153-1.468c-1.195-1.195-1.359-2.37-1.469-3.16l-.001-.01l-.002-.014c-.078-.6-.111-.849-.518-1.256c-.41-.4-.66-.44-1.27-.52l-.017-.002c-.78-.11-1.962-.277-3.153-1.468"/><path d="M10.055 11.268c-.675-1.118-2.24-1.355-3.194-.4L2.568 15.16c-.924.924-1.743 2.158-1.535 3.822c.052.718.253 1.45.544 2.082a6.1 6.1 0 0 0 1.651 2.116c1.28 1.07 2.536 1.246 3.27 1.35l.114.014c.234.03.442.055.624.231c.165.166.194.398.222.62l.012.09c.117.844.32 2.294 1.751 3.726c1.428 1.427 2.883 1.632 3.715 1.75l.092.013h.029a4.18 4.18 0 0 0 3.438-1.193l4.64-4.64c.955-.954.718-2.519-.4-3.194l-.011-.006c-1.002-.587-1.93-.716-2.518-.79l-.052-.006l-.027-.003c-.238-.03-.435-.054-.616-.23c-.171-.172-.194-.367-.22-.59l-.014-.12c-.117-.843-.32-2.293-1.752-3.726c-1.427-1.427-2.882-1.632-3.715-1.75l-.068-.009c-.237-.032-.487-.066-.665-.24c-.173-.168-.196-.38-.22-.604q-.007-.075-.017-.15c-.08-.568-.21-1.473-.778-2.445zm-4.297 8.547c-1.19-1.191-1.357-2.373-1.467-3.153l-.003-.017l-.001-.014c-.079-.6-.112-.85-.519-1.256l2.35-2.35c1.195 1.195 1.36 2.37 1.47 3.16v.01l.002.014c.079.6.112.849.518 1.256c.41.4.66.44 1.27.52l.018.002c.78.11 1.961.277 3.152 1.468c1.195 1.195 1.36 2.37 1.47 3.16v.01l.002.014c.079.6.112.849.518 1.256c.41.4.66.44 1.27.52l.018.002c.78.11 1.961.277 3.152 1.468l-2.35 2.35c-.41-.4-.66-.44-1.27-.52l-.017-.003c-.78-.11-1.961-.276-3.153-1.467c-1.195-1.195-1.358-2.37-1.468-3.16l-.002-.01l-.001-.014c-.08-.6-.112-.85-.519-1.256c-.41-.4-.66-.44-1.27-.52l-.017-.003c-.78-.11-1.961-.276-3.153-1.467"/></g></svg>

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

React

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

<Icon icon="fluent-emoji-high-contrast:bacon" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:bacon" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:bacon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--bacon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:bacon"></div>

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

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

<iconify-icon icon="fluent-emoji-high-contrast:bacon"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/bacon.svg" alt="Иконка Bacon" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Fluent Emoji High Contrast →