Иконка Cocktail
streamline-kameleon-color:cocktail
Иконка Cocktail (streamline-kameleon-color:cocktail) — бесплатная SVG-иконка из набора Kameleon color icons от Streamline. Она нарисована на сетке 48 × 48. Kameleon color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Kameleon color icons
- Автор
- 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"><g fill="none"><path fill="#e04f5f" d="M24 47.996c13.255 0 24-10.745 24-24C48 10.743 37.255-.001 24-.001S0 10.742 0 23.997s10.745 23.999 24 23.999"/><path fill="#c9f2f8" d="M32.621 16.862c-4.333 5.358-7.627 9.316-9.992 9.316h-.737c-2.457 0-5.97-4.324-10.006-9.313a.45.45 0 0 1-.066-.468a.45.45 0 0 1 .398-.255H32.29c.16 0 .321.092.397.253c.078.159.036.32-.066.467"/><path fill="#fff" d="M22.254 16.142H12.218a.45.45 0 0 0-.398.255a.45.45 0 0 0 .066.469c4.037 4.988 7.55 9.312 10.006 9.312h.362z"/><path fill="#c9f2f8" d="m23.129 35.794l-.002-.016v-9.163c0-.482.391-.873.873-.873h-3.491c.482 0 .873.39.873.873v9.163l-.002.016c-2.475.087-4.362.535-4.362 1.075c0 .602 2.345 1.09 5.236 1.09s5.237-.488 5.237-1.09c0-.54-1.887-.988-4.362-1.075"/><path fill="#fff" d="M20.509 25.742c.482 0 .873.39.873.873v9.163l-.002.016c-2.475.087-4.362.534-4.362 1.075c0 .602 2.345 1.09 5.236 1.09V25.743z"/><path fill="#9ce5f4" d="M22.537 26.178h-.003z"/><path fill="#47c4b7" d="m21.8 26.178l-.02-.001h.02"/><path fill="#12b2a0" d="M17.65 23.56c1.62 1.607 3.055 2.618 4.241 2.618h.738c1.175 0 2.58-.978 4.226-2.618z"/><path fill="#facb1b" d="M15.626 21.379c.702.805 1.378 1.54 2.025 2.181h9.204a43 43 0 0 0 2.021-2.181z"/><path fill="#f37a10" d="M31.078 18.76H13.425a111 111 0 0 0 2.2 2.618h13.25c.699-.8 1.433-1.678 2.203-2.618"/><path fill="#47c4b7" d="M22.254 23.56H17.65c1.62 1.606 3.055 2.618 4.241 2.618h.363z"/><path fill="#fbe158" d="M22.255 21.379h-6.63c.703.805 1.379 1.54 2.026 2.181h4.604z"/><path fill="#f99134" d="M22.254 18.76h-8.829a111 111 0 0 0 2.2 2.618h6.63z"/><path fill="#fcf6c2" d="M37.963 16.142a5.235 5.235 0 0 1-8.264 4.272a175 175 0 0 0 2.923-3.552a.45.45 0 0 0 .066-.467a.44.44 0 0 0-.397-.253h-4.8a5.235 5.235 0 0 1 5.236-5.236a5.235 5.235 0 0 1 5.236 5.236"/><path fill="#facb1b" d="m32.727 16.142l.27-2.677c.703-2.56 4.906 1.294 2.375 2.18zm0 0l2.69-.033c2.623.41-.732 5.02-1.898 2.606zm-.078.681l-.231 1.994c-.293 1.012-1.126 1.003-1.86.576q.256-.307.52-.633a426 426 0 0 0 1.545-1.898c.008-.013.021-.026.026-.04m.078-.68l-2.671-.327c-2.544-.756 1.396-4.876 2.229-2.328z"/></g></svg>
Как использовать иконку Cocktail
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:cocktail" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:cocktail" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:cocktail" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--cocktail]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:cocktail"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:cocktail"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/cocktail.svg" alt="Иконка Cocktail" width="24" height="24">
Похожие иконки в наборе Kameleon color icons
Иконка Cocktail в других наборах
Вопросы и ответы: Иконка Cocktail
Можно ли бесплатно использовать иконку Cocktail в коммерческих проектах?
Да. Kameleon color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Cocktail в React?
Установите @iconify/react и выведите <Icon icon="streamline-kameleon-color:cocktail" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cocktail на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/cocktail.svg" alt="Иконка Cocktail">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Kameleon color icons →
ICONYZ
