ICONYZ
Русский
Иконка Onion из набора Twitter Emoji

Иконка Onion

twemoji:onion

Иконка Onion (twemoji:onion) — бесплатная 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="#d39954" d="M26.617 32.441a4 4 0 0 0-1.025-1.172c.103-.421.056-.835-.307-1.103c-.9-.662-8.82.226-9.386 3.057c-.234 1.171.588 1.171 1.038.809c-.137.499-.212 1.011-.169 1.49a.49.49 0 0 0 .975-.087c-.03-.334.022-.694.111-1.051c.201.18.424.327.686.269c.312-.07.51-.378.64-.712c.015.212.046.348.05.363a.487.487 0 0 0 .593.345l.006-.002a.49.49 0 0 0 .348-.591a1.9 1.9 0 0 1-.019-.565c.442.267 1 .509 1.457.398c.581-.142.859-.631.997-1.113c.439.412.698.895.958 1.454a.489.489 0 1 0 .887-.412c-.185-.399-.414-.88-.793-1.348c.346.231.711.393.95.253c.166-.097.364-.302.545-.553c.377.336.589.721.592.727a.49.49 0 0 0 .662.202a.486.486 0 0 0 .204-.658"/><path fill="#edd6a6" d="M21.708 6.32c-2.741-.932-5.978-3.134-6.754-6.03c-.273-1.02-.952 1.29-1.891 1.541c-.939.252-2.682-1.409-2.408-.389c.776 2.896-.926 6.422-2.834 8.599c-3.575 4.08-6.287 8.95-4.89 14.165c2 7.465 10.1 10.746 18.41 8.519s13.684-9.118 11.684-16.582c-1.398-5.215-6.182-8.077-11.317-9.823"/><path fill="#e2a759" d="M13.66 32.585c-3.296-1.993-7.838-5.273-8.227-11.23c-.425-6.519 4.936-10.098 5.304-13.826c.444 4.428-3.559 7.236-3.214 12.866c.313 5.101 2.429 8.841 6.137 12.19"/><path fill="#e2a759" d="M19.764 32.885c-3.097-1.934-6.932-5.916-7.944-11.203c-1.457-7.611 1.103-12.145.203-17.89c1.897 6.644 1.034 9.757 2.302 16.336c.825 4.282 2.9 10.213 5.439 12.757m8.158-4.121c1.858-3.374 4.302-8.526 1.66-13.88c-2.891-5.858-9.474-6.237-11.657-9.281c1.829 4.057 6.85 4.447 9.367 9.495c2.28 4.574 2.166 8.912.63 13.666"/><path fill="#e2a759" d="M22.786 32.076c1.715-3.223 3.045-8.589 1.278-13.674c-2.543-7.32-7.027-9.966-9.121-15.392c1.679 6.703 3.983 8.966 6.174 15.298c1.427 4.12 2.596 10.295 1.669 13.768"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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