Иконка Popcorn
twemoji:popcorn
Иконка Popcorn (twemoji:popcorn) — бесплатная 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 xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M31.301 11H4.668a3 3 0 1 0 0 6c.182 0 .357-.023.53-.053L5.182 17l.637 14.004C5.918 33.202 7.8 35 10 35h16c2.2 0 4.082-1.798 4.182-3.996L30.818 17l-.015-.05c.163.027.327.05.498.05a3 3 0 1 0 0-6"/><path fill="#da2f47" d="M28.668 17v16.989c.863-.734 1.444-1.796 1.492-2.986L30.84 17zm-6 0h3v18h-3zm-6 18V17h3v18zm-6-18h3v18h-3zM5.16 17l.68 14.003c.054 1.342.776 2.528 1.828 3.254V17z"/><path fill="#99aab5" d="m5.16 17l.097 2h25.485l.098-2z" opacity=".6"/><path fill="#ffd983" d="M30.929 11.07c.043-.184.071-.373.071-.57c0-.674-.27-1.284-.704-1.733c.422-.266.704-.732.704-1.267a1.5 1.5 0 0 0-2.058-1.39a1.5 1.5 0 0 0-1.052-1.052A1.5 1.5 0 0 0 26.5 3c-.191 0-.372.039-.54.104a2.495 2.495 0 1 0-4.897.94c-.64.113-1.19.469-1.563.969A2.49 2.49 0 0 0 17.5 4A2.5 2.5 0 0 0 15 6.5l.001.012a2.46 2.46 0 0 0-1.047-.466A2.496 2.496 0 0 0 11.5 4a2.496 2.496 0 0 0-2.455 2.055A3.5 3.5 0 0 0 8.5 6A3.5 3.5 0 0 0 5 9.5c0 .545.135 1.054.357 1.514A1.495 1.495 0 0 0 5.5 14h25a1.495 1.495 0 0 0 .429-2.93"/><g fill="#ffac33"><circle cx="28" cy="8" r="1"/><circle cx="24.5" cy="5.5" r="1.5"/><circle cx="12" cy="7" r="1"/><path d="M31 12.5a1.497 1.497 0 0 0-2.914-.483C28.057 12.015 28.031 12 28 12a1 1 0 0 0-1 1h3.908c.056-.157.092-.324.092-.5M9.5 12c.198 0 .385.04.558.11A1.496 1.496 0 0 1 13 12.5c0 .176-.036.343-.092.5h4.184a1.5 1.5 0 0 1-.092-.5a1.5 1.5 0 0 1 1.5-1.5c.237 0 .459.06.658.158A1.5 1.5 0 0 1 19 10.5a1.5 1.5 0 1 1 2.89.558c.638.172 1.11.749 1.11 1.442c0 .176-.036.343-.092.5h2.968l-.566-.5c.42-.367.69-.899.69-1.5a2 2 0 0 0-2-2a2 2 0 0 0-1.03.294c.015-.097.03-.193.03-.294a1.997 1.997 0 0 0-3.816-.828A1.5 1.5 0 0 0 18.5 8a1.5 1.5 0 0 0-1.39 2.058c-.638.173-1.11.75-1.11 1.442c0 .198.04.385.11.558a1.5 1.5 0 0 0-.61.332a1.5 1.5 0 0 0-1-.39c-.237 0-.459.06-.659.159c.099-.2.159-.422.159-.659a1.5 1.5 0 0 0-2.058-1.39a1.496 1.496 0 1 0-2.832.948a1.5 1.5 0 0 0-.61.332a1.5 1.5 0 0 0-1-.39A1.5 1.5 0 0 0 6 12.5c0 .176.036.343.092.5h2c.207-.581.756-1 1.408-1"/></g><path fill="#fff" d="M4 13v1a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-1z"/></svg>
Как использовать иконку Popcorn
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:popcorn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:popcorn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:popcorn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--popcorn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:popcorn"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:popcorn"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/popcorn.svg" alt="Иконка Popcorn" width="24" height="24">
Иконка Popcorn в других наборах
Вопросы и ответы: Иконка Popcorn
Можно ли бесплатно использовать иконку Popcorn в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Popcorn в React?
Установите @iconify/react и выведите <Icon icon="twemoji:popcorn" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Popcorn на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/popcorn.svg" alt="Иконка Popcorn">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Twitter Emoji →
ICONYZ
