Иконка Fondue
twemoji:fondue
Иконка Fondue (twemoji:fondue) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Twitter Emoji
- Автор
- Лицензия
- CC-BY-4.0
- Размер
- 36 × 36
- Категория
- Еда и напитки
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><ellipse cx="24" cy="31.93" fill="#292f33" rx="12" ry="3"/><path fill="#292f33" d="M12 31.001h24v1H12z"/><ellipse cx="24" cy="31.018" fill="#66757f" rx="12" ry="3"/><path fill="#99aab5" d="M18 31.001c0-.828 2.686-2.501 6-2.501s6 1.672 6 2.501c0 .828-2.686 1.5-6 1.5s-6-.672-6-1.5"/><path fill="#99aab5" d="M18 27.52h12v3.481H18z"/><ellipse cx="24" cy="27.5" fill="#ccd6dd" rx="6" ry="1.5"/><ellipse cx="24" cy="27.5" fill="#ffac33" rx="5" ry="1"/><path fill="#ffe8b6" d="M19.507 27.931c.808.336 2.508.569 4.493.569s3.685-.233 4.493-.569c-.807-.335-2.507-.569-4.493-.569s-3.685.234-4.493.569"/><path fill="#292f33" d="M14 21.001c-.376.827-.839 9.111-.839 9.762s.434.521 2.257.477c.738-.018.608-.651.738-3.993c.056-1.437.304-4.297.521-5.078c.216-.781-2.185-2.25-2.677-1.168m19.993 0c.376.827.839 9.111.839 9.762s-.434.521-2.257.477c-.738-.018-.608-.651-.738-3.993c-.056-1.437-.304-4.297-.521-5.078s2.185-2.25 2.677-1.168M24 33.237a.675.675 0 0 1-.673-.673v-9.722c0-.37.303-.673.673-.673s.673.303.673.673v9.722c0 .37-.303.673-.673.673"/><ellipse cx="24" cy="22.001" fill="#292f33" rx="10" ry="2"/><ellipse cx="24" cy="21.001" fill="#66757f" rx="10" ry="2"/><ellipse cx="24" cy="20.401" fill="#292f33" rx="8" ry="1.4"/><path fill="#be1931" d="M35.939 9.001c0-1.499-5.964-2.994-11.939-3h-.03c-5.974.005-11.939 1.5-11.939 3c0 .327-.006.668-.012 1.014c-.036.799-1.103.444-1.994.289l-.019.001c-.035-.007-.067-.022-.103-.027L2.47 9.08C1.383 8.905.365 9.812.208 11.097l-.143 1.168c-.157 1.284.611 2.413 1.708 2.508l7.5.649c.075.007.148-.003.223-.003c.021.003.038.012.06.013c1.298.099 2.721.058 3.136.919a1 1 0 0 0 .098.164a6.24 6.24 0 0 0 2.131 2.66c1.764 1.264 4.654 1.823 9.05 1.826h.03c4.396-.003 7.286-.562 9.05-1.826c3.425-2.456 2.888-6.876 2.888-10.174"/><ellipse cx="24" cy="9.001" fill="#ea596e" rx="11.969" ry="3"/><ellipse cx="24" cy="9.001" fill="#ffe8b6" rx="10.972" ry="2.25"/><ellipse cx="24" cy="9.934" fill="#ffac33" rx="9.975" ry="1.317"/><path fill="#269" d="M3.989 3.209a.95.95 0 0 0 .475 1.299l9.165 4.024c.468.206.607.02.817-.173c.025-.285.087-.507-.361-.753L5.308 2.793a.95.95 0 0 0-1.319.416"/><path fill="#99aab5" d="M18.588 10.956a42 42 0 0 0 2.72.225L13.63 7.4a.5.5 0 0 0-.441.897z"/><path fill="#269" d="M10.334 1.589a.95.95 0 0 0 .287 1.353l8.508 5.274c.435.269.598.106.834-.056c.065-.278.158-.49-.251-.797l-8.012-6a.953.953 0 0 0-1.366.226"/><path fill="#99aab5" d="M19.289 7.095a.5.5 0 0 0-.695.131a.5.5 0 0 0 .131.695l4.874 3.326q.2.003.401.004q.687-.001 1.352-.019z"/></svg>Как использовать иконку Fondue
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:fondue" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:fondue" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:fondue" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--fondue]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:fondue"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:fondue"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/fondue.svg" alt="Иконка Fondue" width="24" height="24">Иконка Fondue в других наборах
Вопросы и ответы: Иконка Fondue
Можно ли бесплатно использовать иконку Fondue в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Fondue в React?
Установите @iconify/react и выведите <Icon icon="twemoji:fondue" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Fondue на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/fondue.svg" alt="Иконка Fondue">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.