Иконка Fondue
fluent-emoji-flat:fondue
Иконка Fondue (fluent-emoji-flat:fondue) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji Flat
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Еда и напитки
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ff6723" d="m15.47 26.35l-1.05-1.79a.487.487 0 0 0-.84 0l-1.06 1.8c-.01.02-.03.05-.04.07l-.01.01q-.225.405-.21.9c.04.91.8 1.65 1.71 1.67c.97.01 1.76-.77 1.76-1.73c0-.35-.09-.67-.26-.93"/><path fill="#ffb02e" d="M14 28.32a.95.95 0 1 0 0-1.9a.95.95 0 0 0 0 1.9"/><path fill="#636363" d="M21 21.97v-1.54H7v1.54C7 23.09 7.91 24 9.03 24h.47l-1.67 5.01c-.16.49.2.99.71.99h10.92c.51 0 .87-.5.71-.99L18.5 24h-.03c1.12 0 2.53-.91 2.53-2.03m-3.19 5.96h-7.62L11.5 24h5z"/><path fill="#f8312f" d="M8.5 8h11c1.93 0 3.5 1.57 3.5 3.5v3.213l3.02-.433c1.05-.15 1.98.66 1.98 1.72s-.93 1.87-1.98 1.72L23 17.287V18.5c0 1.93-1.57 3.5-3.5 3.5h-11C6.57 22 5 20.43 5 18.5v-7C5 9.57 6.57 8 8.5 8"/><path fill="#ca0b4a" d="M8.5 9h11a2.5 2.5 0 0 1 2.485 2.773H6.015A2.5 2.5 0 0 1 8.5 9"/><path fill="#fff478" d="M22 11.76c-.11-1-.962-1.77-1.994-1.77H7.994c-1.032 0-1.884.78-1.994 1.77A2.49 2.49 0 0 0 8.485 14h11.02c1.293 0 2.365-.98 2.495-2.24"/><path fill="#d3d3d3" d="m19.907 12l1.833-6.82l-.97-.25L18.876 12zM16.5 12V4.99h1V12z"/><path fill="#a56953" d="M16 5.99c0 .55.45 1 1 1s1-.45 1-1V3c0-.55-.45-1-1-1s-1 .45-1 1zm4.03-.22c-.14.53.18 1.08.71 1.22s1.08-.18 1.22-.71l.82-3.02c.14-.53-.18-1.08-.71-1.22s-1.08.18-1.22.71z"/><path fill="#ffb02e" d="M15.39 12.23c0-.81.66-1.46 1.46-1.46s1.45.65 1.45 1.46zm-5.8.73c0-1.07.87-1.94 1.94-1.94c1.08 0 1.95.87 1.95 1.94z"/></g></svg>Как использовать иконку Fondue
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:fondue" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:fondue" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:fondue" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--fondue]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:fondue"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:fondue"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/fondue.svg" alt="Иконка Fondue" width="24" height="24">Иконка Fondue в других наборах
Вопросы и ответы: Иконка Fondue
Можно ли бесплатно использовать иконку Fondue в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Fondue в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:fondue" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Fondue на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/fondue.svg" alt="Иконка Fondue">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.