ICONYZ
Русский
Иконка Soft Drink Can Remix из набора Flex free icons

Иконка Soft Drink Can Remix

streamline-flex:soft-drink-can-remix

Иконка Soft Drink Can Remix (streamline-flex:soft-drink-can-remix) — бесплатная SVG-иконка из набора Flex free icons от Streamline. Она нарисована на сетке 14 × 14. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Flex free icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
14 × 14
Категория
Еда и напитки
Теги
softdrink, drinkcan, canremix, softdrinkcanremix
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M4.38.117a.626.626 0 0 1 .873.145l1.184 1.656a34 34 0 0 1 3.073.087l-2.772.617l2.774-.617q.663.05 1.33.123a.625.625 0 0 1-.139 1.242l-.125-.013c.14.259.28.526.41.783c.16.316.308.624.42.887c.057.13.107.257.145.372c.035.105.074.24.085.373c.062.78.112 1.59.112 2.418c0 .72-.038 2.245-.091 2.956c-.071.945-.469 1.632-1.11 2.084c-.606.427-1.372.603-2.119.685c-.462.05-.94.085-1.43.085s-.968-.035-1.43-.085c-.747-.082-1.513-.258-2.119-.685c-.641-.452-1.039-1.14-1.11-2.084A54 54 0 0 1 2.25 8.19c0-.828.05-1.638.112-2.418c.01-.133.05-.268.085-.372q.059-.175.144-.373c.112-.262.26-.57.42-.886c.13-.257.27-.523.41-.782l-.103.011a.625.625 0 0 1-.139-1.242a35 35 0 0 1 1.698-.148l.065-.004L4.236.99A.625.625 0 0 1 4.38.117m4.704 3.112a33 33 0 0 0-4.038-.007l-.13.008c-.246.443-.539.982-.79 1.476c-.154.305-.289.586-.386.813a4 4 0 0 0-.108.276q-.022.071-.024.082v.003v-.009v.009A29 29 0 0 0 3.5 8.19c0 .705.038 2.196.088 2.863c.045.604.273.937.583 1.155c.346.244.859.39 1.534.464c.433.047.864.078 1.295.078s.862-.03 1.295-.078c.675-.074 1.188-.22 1.534-.464c.31-.218.538-.55.583-1.155c.05-.667.088-2.158.088-2.863c0-.777-.046-1.546-.107-2.31v-.005l-.001-.004v.01v-.004l-.024-.082a4 4 0 0 0-.109-.277a15 15 0 0 0-.386-.813a46 46 0 0 0-.79-1.476M5.519 6.464c.359-.363.87-.537 1.481-.537s1.122.174 1.481.537c.359.362.53.878.53 1.493s-.171 1.13-.53 1.493s-.87.537-1.481.537c-.61 0-1.122-.174-1.481-.537c-.359-.362-.53-.878-.53-1.493s.171-1.131.53-1.493" clip-rule="evenodd"/></svg>

Как использовать иконку Soft Drink Can Remix

React

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

<Icon icon="streamline-flex:soft-drink-can-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:soft-drink-can-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:soft-drink-can-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--soft-drink-can-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:soft-drink-can-remix"></div>

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

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

<iconify-icon icon="streamline-flex:soft-drink-can-remix"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-flex/soft-drink-can-remix.svg" alt="Иконка Soft Drink Can Remix" width="24" height="24">

Похожие иконки в наборе Flex free icons

Вопросы и ответы: Иконка Soft Drink Can Remix

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

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

Как использовать иконку Soft Drink Can Remix в React?

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

Как добавить иконку Soft Drink Can Remix на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex/soft-drink-can-remix.svg" alt="Иконка Soft Drink Can Remix">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Flex free icons →