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

Иконка Sandwich

twemoji:sandwich

Иконка Sandwich (twemoji:sandwich) — бесплатная 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="#f4900c" d="M35 20.516L1 20l.017 2.625c.017.593.355 1.188 1.08 1.632l6.907 4.228l6.908 4.227c1.526.935 4.145.848 5.525 0c1.383-.845.692-1.267 2.073-2.114c1.381-.844 2.071-.422 3.454-1.266c1.383-.848 6.909-4.227 6.909-4.227c.761-.466 1.141-1.077 1.143-1.689z"/><path fill="#ffac33" d="M33.873 18.721s-30.394-1.69-31.776-.845s-1.526 2.447 0 3.382l6.907 4.228l6.908 4.228c1.526.935 4.145.848 5.525 0c1.383-.845.692-1.267 2.073-2.114c1.381-.844 2.071-.422 3.454-1.266c1.383-.848 6.908-4.228 6.908-4.228c1.526-.935 1.527-2.451.001-3.385"/><path fill="#ffd983" d="m10.222 24.642l7.071 4.228s1.414.844 2.828 0c1.197-.717 2.121-2.114 2.121-2.114z"/><path fill="#77b255" d="M33.739 18.565c-1.941-2.589-26.694-4.412-30.577-.767c-.784.737-2.265 2.22-.688 4.439c.688 1.162 2.116 1.919 2.306 1.56c.443-.842 1.327-1.578 2.653-1.507c-.075.178.641 3.207.56 3.275c-.925.786.997 3.518 3.249 2.063c.561 1.108 3.956 3.843 6.299.102c.466.844 5.36 2.128 6.719-1.766c-.011.067-.008.124-.026.196c-.089.35.722.653 1.548.363c1.389-.486 3.395-1.693 3.75-3.018c.991-.173 1.734.102 2.306.858c.283.374 1.254.464 1.669-.025c.732-.859 1.933-3.503.232-5.773"/><path fill="#ffcc4d" d="M31 25.041c0 .529-.896.959-2 .959H7c-1.104 0-2-.43-2-.959V18.49h26z"/><path fill="#be1931" d="M33.311 19.987c0 2.768-4.586 5.013-10.242 5.013c-5.658 0-10.243-2.245-10.243-5.013c0-2.769 4.585-5.013 10.243-5.013c5.656 0 10.242 2.245 10.242 5.013"/><path fill="#f4900c" d="M35 14.516L1 14v2.625h.017c.017.593.355 1.188 1.08 1.632l6.907 4.228l6.908 4.227c1.526.935 4.145.848 5.525 0c1.383-.845.692-1.267 2.073-2.114c1.381-.844 2.071-.422 3.454-1.266c1.383-.848 6.909-4.227 6.909-4.227c.761-.466 1.141-1.077 1.143-1.689v-.005z"/><path fill="#ffac33" d="M33.873 12.721L20.058 4.267c-1.526-.934-4-.934-5.527 0L7.623 8.495c-1.381.845-.691 1.268-2.072 2.113s-2.072.422-3.454 1.268c-1.382.845-1.526 2.447 0 3.382l13.815 8.455c1.526.935 4.145.848 5.525 0c1.383-.845.692-1.267 2.073-2.114c1.381-.844 2.071-.422 3.454-1.266c1.383-.848 6.908-4.228 6.908-4.228c1.526-.934 1.527-2.45.001-3.384"/><path fill="#ffd983" d="M32.85 13.568L18.707 5.113s-1.507-.791-2.829 0L8.916 9.275c-1.197.715-1.033 1.463-2.23 2.178c-1.196.716-2.339.553-3.536 1.268c-1.414.847 0 1.693 0 1.693l14.142 8.455s1.414.844 2.828 0c1.197-.717.926-1.397 2.121-2.114c1.197-.717 2.447-.619 3.644-1.334c1.197-.714 6.963-4.163 6.963-4.163s1.323-.901.002-1.69"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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