Иконка Shortcake 2
streamline-emojis:shortcake-2
Иконка Shortcake 2 (streamline-emojis:shortcake-2) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Streamline Emojis
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Еда и напитки
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M4.11 44.06a20 1.94 0 1 0 40 0a20 1.94 0 1 0-40 0" opacity=".15"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M42.5 20.58L4 24.27l1.72 18a1.29 1.29 0 0 0 1.41 1.16l36-3.45a1.28 1.28 0 0 0 1.16-1.4Z"/><path fill="#ffe3cf" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m4.724 31.98l38.523-3.695l.616 6.42L5.34 38.401z"/><path fill="#ff6242" d="M21.23 28.45a1.93 1.93 0 1 1 3.85-.37l.06.64a1.29 1.29 0 0 0 1.41 1.16a1.28 1.28 0 0 0 1.16-1.4l-.06-.64a.64.64 0 1 1 1.28-.13l.17 1.79a2.69 2.69 0 0 0 2.4 2.5a2.58 2.58 0 0 0 2.75-2.82L34 25.94a1.93 1.93 0 1 0 3.85-.37l-.06-.65a1.28 1.28 0 0 1 1.16-1.4a1.29 1.29 0 0 1 1.41 1.16l.07 1.32a3.86 3.86 0 0 0 2.31 3.18a1.28 1.28 0 0 0 1.75-1.33l-.7-7.35c-.36-3.79-8.08-8.68-18-8.93a3.8 3.8 0 0 0-2 .54L4.11 23.56A2.6 2.6 0 0 0 2.85 26l.88 9.2a.65.65 0 0 0 .83.56a3.85 3.85 0 0 0 2.73-3.94a2 2 0 0 1 1.35-2.12a1.94 1.94 0 0 1 2.5 1.66l.06.65a1.93 1.93 0 1 0 3.85-.37l-.12-1.29a.64.64 0 0 1 1.28-.12l.17 1.77a2.67 2.67 0 0 0 2.4 2.46a2.58 2.58 0 0 0 2.75-2.82Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.23 28.45a1.93 1.93 0 1 1 3.85-.37l.06.64a1.29 1.29 0 0 0 1.41 1.16a1.28 1.28 0 0 0 1.16-1.4l-.06-.64a.64.64 0 1 1 1.28-.13l.17 1.79a2.69 2.69 0 0 0 2.4 2.5a2.58 2.58 0 0 0 2.75-2.82L34 25.94a1.93 1.93 0 1 0 3.85-.37l-.06-.65a1.28 1.28 0 0 1 1.16-1.4a1.29 1.29 0 0 1 1.41 1.16l.07 1.32a3.86 3.86 0 0 0 2.31 3.18a1.28 1.28 0 0 0 1.75-1.33l-.7-7.35c-.36-3.79-8.08-8.68-18-8.93a3.8 3.8 0 0 0-2 .54L4.11 23.56A2.6 2.6 0 0 0 2.85 26l.88 9.2a.65.65 0 0 0 .83.56a3.85 3.85 0 0 0 2.73-3.94a2 2 0 0 1 1.35-2.12a1.94 1.94 0 0 1 2.5 1.66l.06.65a1.93 1.93 0 1 0 3.85-.37l-.12-1.29a.64.64 0 0 1 1.28-.12l.17 1.77a2.67 2.67 0 0 0 2.4 2.46a2.58 2.58 0 0 0 2.75-2.82Z"/><path fill="none" stroke="#e04122" stroke-linecap="round" stroke-linejoin="round" d="m9.11 23.78l30.83-2.96"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.06 10.56c-.17-3.2-3.67-8.21-6.87-8s-6.18 5.5-6 8.7s3.54 5.64 6.74 5.47s6.29-2.97 6.13-6.17"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m24.68 9.8l.07 1.29m1.67-5.25l.06 1.29m2.07 2.48l.07 1.28m1.66-5.25l.07 1.29m2.07 2.48l.06 1.29"/><path fill="#ffe3cf" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M36.69 14c.17 1.78-3.14 3.54-7.4 4s-7.84-.7-8-2.47A1.94 1.94 0 0 1 23 13.38c1.06-.1 1.95 0 2.05 1.1c-.2-2.13 1.42-3.38 3.55-3.58s3.95.71 4.16 2.84c-.11-1.06.74-1.37 1.8-1.47A1.94 1.94 0 0 1 36.69 14"/></svg>Как использовать иконку Shortcake 2
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:shortcake-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:shortcake-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:shortcake-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--shortcake-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:shortcake-2"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:shortcake-2"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/shortcake-2.svg" alt="Иконка Shortcake 2" width="24" height="24">Похожие иконки в наборе Streamline Emojis
Вопросы и ответы: Иконка Shortcake 2
Можно ли бесплатно использовать иконку Shortcake 2 в коммерческих проектах?
Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Shortcake 2 в React?
Установите @iconify/react и выведите <Icon icon="streamline-emojis:shortcake-2" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Shortcake 2 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/shortcake-2.svg" alt="Иконка Shortcake 2">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.