ICONYZ
Русский
Иконка Coffee Bean Remix из набора Plump free icons

Иконка Coffee Bean Remix

streamline-plump:coffee-bean-remix

Иконка Coffee Bean Remix (streamline-plump:coffee-bean-remix) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Plump free icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
48 × 48
Категория
Еда и напитки
Теги
coffeebean, beanremix, coffeebeanremix
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M40.267 5.32c-4.45-4.064-9.84-4.99-15.036-3.894c-5.13 1.083-10.09 4.127-14.044 8.05a312 312 0 0 0-1.71 1.71C5.554 15.14 2.51 20.1 1.427 25.23C.33 30.426 1.257 35.817 5.32 40.267a38 38 0 0 0 2.412 2.412c4.45 4.065 9.84 4.991 15.036 3.895c5.13-1.083 10.09-4.128 14.044-8.05a294 294 0 0 0 1.71-1.71c3.923-3.955 6.968-8.915 8.05-14.045c1.097-5.195.17-10.586-3.894-15.036a38 38 0 0 0-2.412-2.412m-26.263 6.996c3.548-3.52 7.849-6.089 12.054-6.976c3.51-.741 6.931-.319 9.935 1.693c-2.753.835-5.278 2.16-7.473 4.043c-3.4 2.915-5.832 7.012-7.183 12.234c-1.12 4.33-3.034 7.376-5.437 9.436c-2.28 1.954-5.16 3.162-8.605 3.621c-2.235-3.092-2.726-6.654-1.954-10.31c.887-4.205 3.456-8.506 6.976-12.054a286 286 0 0 1 1.687-1.687m-1.998 28.649c3.004 2.012 6.427 2.435 9.937 1.694c4.204-.888 8.505-3.456 12.053-6.976a298 298 0 0 0 1.688-1.688c3.52-3.548 6.088-7.848 6.976-12.053c.772-3.657.28-7.22-1.955-10.312c-3.445.46-6.326 1.668-8.606 3.621c-2.404 2.061-4.317 5.107-5.437 9.436c-1.35 5.223-3.782 9.32-7.183 12.235c-2.195 1.882-4.72 3.208-7.473 4.043" clip-rule="evenodd"/></svg>

Как использовать иконку Coffee Bean Remix

React

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

<Icon icon="streamline-plump:coffee-bean-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:coffee-bean-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:coffee-bean-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--coffee-bean-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:coffee-bean-remix"></div>

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

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

<iconify-icon icon="streamline-plump:coffee-bean-remix"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump/coffee-bean-remix.svg" alt="Иконка Coffee Bean Remix" width="24" height="24">

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

Иконка Coffee Bean Remix в других наборах

Вопросы и ответы: Иконка Coffee Bean Remix

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

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

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

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

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

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

Все Plump free icons →