Иконка Bagel

twemoji:bagel

Иконка Bagel (twemoji:bagel) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Twitter Emoji
Автор: Twitter
Лицензия: CC-BY-4.0
Размер: 36 × 36
Категория: Еда и напитки

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#c1694f" d="M18.09 9.295C7.847 9.295.573 13.188.573 18.053c0 7.569 5.839 15.57 17.517 15.57s17.517-8.001 17.517-15.57c0-4.865-7.274-8.758-17.517-8.758"/><path fill="#d99e82" d="M18.09 8.322C7.847 8.322.573 11.961.573 17.927s7.273 9.858 17.517 9.858s17.517-4.146 17.517-9.858s-7.274-9.605-17.517-9.605"/><path fill="#ccd6dd" d="M2.519 20.973c-.973.973 4.866 6.812 7.785 3.893s5.942 1.511 6.812 1.946c1.946.973 6.754-4.408 11.678-1.946c1.947.973 4.866-1.946 4.866-4.866s-30.167 0-31.141.973"/><path fill="#fff" d="M2.422 19.462s-.181.378-.169.496c.217 2.144 5.132 6.854 8.052 3.935s5.942 1.511 6.812 1.946c1.946.973 6.754-4.408 11.678-1.946c1.608.804 4.848-2.228 5.258-4.811c-2.136 0-31.631.38-31.631.38"/><path fill="#c1694f" d="M18.733 2.583C14.568 2.34.805 4.52.307 16.595c.01.608.592 1.741 2.114 2.867c2.556 1.891 7.765 3.764 17.378 3.103c8.374-.576 12.357-2.1 14.253-3.483c1.577-1.15 1.711-2.203 1.711-2.532c.001-3.89-3.541-13.164-17.03-13.967"/><path fill="#fff" d="M14.468 10.228c1.188.461 2.637.578 3.799.622c1.54.058 3.13-.13 4.572-.699c0-.963 0-2.838-4.186-2.838s-4.185 1.771-4.185 2.915"/><path fill="#8a4b38" d="M18.811 6.302c-3.959-.262-7.406 2.073-5.272 3.453c.279.191.596.344.93.473c.897-.78 2.572-1.596 4.285-1.521c2.026.089 3.393.727 4.086 1.444c.312-.123.62-.258.917-.419c1.489-1.108-.056-3.106-4.946-3.43"/><g fill="#d99e82"><path d="M9.226 9.736c-.535.226-2.352.483-2.578-.052s1.225-1.659 1.76-1.885a1.051 1.051 0 1 1 .818 1.937m22.199-.506c.311.349.977 1.667.628 1.978s-1.581-.503-1.892-.852a.845.845 0 1 1 1.264-1.126m-6.578 8.119c-.442.152-1.915.258-2.067-.184s1.075-1.264 1.517-1.416a.846.846 0 1 1 .55 1.6m-16.86-3.013c-.393.428-1.839 1.308-2.267.915s.325-1.909.718-2.337a1.051 1.051 0 1 1 1.549 1.422"/><ellipse cx="17.539" cy="4.159" rx="1.216" ry=".566" transform="rotate(-.435 17.485 4.146)"/></g></svg>

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

React

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

<Icon icon="twemoji:bagel" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:bagel" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:bagel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--bagel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:bagel"></div>

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

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

<iconify-icon icon="twemoji:bagel"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/twemoji/bagel.svg" alt="Иконка Bagel" width="24" height="24">

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

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

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

Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Twitter Emoji →