Иконка Tropical Drink
streamline-emojis:tropical-drink
Иконка Tropical Drink (streamline-emojis:tropical-drink) — бесплатная 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
- Категория
- Еда и напитки
- Теги
- tropicaldrink
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12.84 45.33a11.16 1.67 0 1 0 22.32 0a11.16 1.67 0 1 0-22.32 0" opacity=".15"/><path fill="#00b8f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.07 43.36c-.55-1.06-3.33-1.91-6.94-2.16a.87.87 0 0 1-.82-.86v-7.07h-2.62v7.07a.87.87 0 0 1-.82.86c-3.61.25-6.39 1.1-6.94 2.16a.41.41 0 0 0 .2.56c.85.44 3.58 1.58 8.87 1.58s8-1.14 8.87-1.58a.41.41 0 0 0 .2-.56"/><path fill="#00b8f0" d="M31.86 9.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.17a9.18 9.18 0 0 0 18.36 0Z"/><path fill="#4acfff" d="m32.19 13.71l-.33-4c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.13a9.2 9.2 0 0 0 1 4.22a33.6 33.6 0 0 0 9.9-7.28a43.2 43.2 0 0 0 6.47-9.07"/><path fill="#00b8f0" d="M16.14 9.67a7.86 1.75 0 1 0 15.72 0a7.86 1.75 0 1 0-15.72 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.86 9.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.17a9.18 9.18 0 0 0 18.36 0Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.86 9.67c0 1-3.52 1.75-7.86 1.75s-7.86-.78-7.86-1.75"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.49 12.16a.87.87 0 0 1-1.27-.4a5.68 5.68 0 0 1 9.51-5.88a.86.86 0 0 1-.21 1.31Z"/><path fill="#ff8a14" d="M17.88 16.23L17 25.84a7 7 0 1 0 14 0l-.87-9.61Z"/><path fill="#ff6242" d="M24 25.84a21.2 21.2 0 0 1-6.91-.91l-.08.91a7 7 0 1 0 14 0l-.08-.91a21.2 21.2 0 0 1-6.93.91"/><path fill="#ff8a14" d="M17.88 16.23a6.12.87 0 1 0 12.24 0a6.12.87 0 1 0-12.24 0"/><path fill="#bf8df2" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.18 17.54h2.63v-6.48a26 26 0 0 1-2.63.29Z"/><path fill="#ffaa54" d="M30.12 16.23c0 .48-2.74.87-6.12.87s-6.12-.39-6.12-.87L17 25.84a6.9 6.9 0 0 0 .78 3.21a33.2 33.2 0 0 0 8-6.27a47 47 0 0 0 4.44-5.7Z"/><path fill="#ff866e" d="m17.09 24.93l-.08.91a6.9 6.9 0 0 0 .78 3.21a36.5 36.5 0 0 0 4.74-3.24a18.3 18.3 0 0 1-5.44-.88"/><path fill="#9f5ae5" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m29.82 6.28l3.36-4L31 .5l-3.88 4.93a4.34 4.34 0 0 0-.94 2.7v3.22a26 26 0 0 0 2.63-.29v-2a4.3 4.3 0 0 1 1.01-2.78"/></svg>
Как использовать иконку Tropical Drink
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:tropical-drink" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:tropical-drink" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:tropical-drink" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--tropical-drink]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:tropical-drink"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:tropical-drink"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/tropical-drink.svg" alt="Иконка Tropical Drink" width="24" height="24">
Похожие иконки в наборе Streamline Emojis
Иконка Tropical Drink в других наборах
Вопросы и ответы: Иконка Tropical Drink
Можно ли бесплатно использовать иконку Tropical Drink в коммерческих проектах?
Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Tropical Drink в React?
Установите @iconify/react и выведите <Icon icon="streamline-emojis:tropical-drink" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Tropical Drink на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/tropical-drink.svg" alt="Иконка Tropical Drink">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Streamline Emojis →
ICONYZ
