Иконка Coffee Mug Remix
streamline-plump:coffee-mug-remix
Иконка Coffee Mug Remix (streamline-plump:coffee-mug-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
- Категория
- Еда и напитки
- Теги
- coffeemug, mugremix, coffeemugremix
Код 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="M17.16 1.54a2.5 2.5 0 0 1 .407 3.513c-.281.355-.364.642-.37.894c-.005.27.076.732.516 1.42c.845 1.318 1.335 2.742 1.304 4.22c-.03 1.494-.59 2.81-1.45 3.896a2.5 2.5 0 1 1-3.918-3.106c.281-.355.364-.642.37-.894c.005-.269-.076-.732-.516-1.42c-.845-1.318-1.335-2.742-1.304-4.219c.03-1.494.59-2.812 1.45-3.897a2.5 2.5 0 0 1 3.512-.406m9.108 0a2.5 2.5 0 0 1 .407 3.513c-.282.355-.365.642-.37.894c-.006.27.075.732.515 1.42c.845 1.318 1.335 2.742 1.305 4.22c-.031 1.494-.59 2.81-1.45 3.896a2.5 2.5 0 1 1-3.919-3.106c.281-.355.365-.642.37-.894c.005-.269-.075-.732-.516-1.42c-.844-1.318-1.334-2.742-1.304-4.219c.03-1.494.59-2.812 1.45-3.897a2.5 2.5 0 0 1 3.512-.406m9.24 20.96h.669c1.352 0 2.191.878 2.255 1.844a31 31 0 0 1 0 4.061c-.064.966-.903 1.844-2.255 1.844h-.366c-.037-3.441-.167-5.977-.303-7.749m7.913 1.514c-.263-3.984-3.66-6.494-7.203-6.514H29.18v.002H10.186c-2.718 0-5.134 1.982-5.36 4.856c-.165 2.098-.324 5.312-.324 9.893c0 1.91.028 3.53.072 4.9c.167 5.166 3.663 9.256 9.004 9.639c1.768.126 3.937.21 6.584.21s4.815-.084 6.584-.21c5.34-.383 8.836-4.473 9.003-9.638q.03-.88.047-1.903h.38c3.559 0 6.981-2.514 7.245-6.514a36 36 0 0 0 0-4.72M8.814 22.671c.05-.63.575-1.169 1.372-1.169h19.951c.797 0 1.323.539 1.373 1.17c.155 1.981.311 5.09.311 9.579c0 1.872-.027 3.449-.07 4.771c-.107 3.307-2.177 5.555-5.291 5.778c-1.662.119-3.735.2-6.298.2s-4.636-.081-6.298-.2c-3.115-.223-5.185-2.471-5.292-5.778c-.043-1.322-.07-2.899-.07-4.771c0-4.49.156-7.598.312-9.58" clip-rule="evenodd"/></svg>Как использовать иконку Coffee Mug Remix
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:coffee-mug-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:coffee-mug-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:coffee-mug-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--coffee-mug-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:coffee-mug-remix"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:coffee-mug-remix"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/coffee-mug-remix.svg" alt="Иконка Coffee Mug Remix" width="24" height="24">Похожие иконки в наборе Plump free icons
Иконка Coffee Mug Remix в других наборах
Вопросы и ответы: Иконка Coffee Mug Remix
Можно ли бесплатно использовать иконку Coffee Mug Remix в коммерческих проектах?
Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Coffee Mug Remix в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump:coffee-mug-remix" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Coffee Mug Remix на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump/coffee-mug-remix.svg" alt="Иконка Coffee Mug Remix">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.