Иконка Cup Hot Bold

solar:cup-hot-bold

Иконка Cup Hot Bold (solar:cup-hot-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Еда
Теги: cuphot, hotbold, cuphotbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M3.28441 11.2661C3.15113 9.26687 3.08449 8.26726 3.67729 7.63363C4.27009 7 5.27191 7 7.27555 7H12.7245C14.7281 7 15.7299 7 16.3227 7.63363C16.4852 7.80726 16.5981 8.00837 16.6737 8.25H17C19.5261 8.25 21.75 10.0619 21.75 12.5C21.75 14.9381 19.5261 16.75 17 16.75H16.3499C16.3383 16.9226 16.3269 17.0891 16.3155 17.25H3.68451C3.66551 16.9826 3.64663 16.6993 3.62662 16.3991L3.28441 11.2661ZM16.45 15.25H17C18.8921 15.25 20.25 13.9278 20.25 12.5C20.25 11.0722 18.8921 9.75 17 9.75H16.8007C16.788 10.1801 16.7547 10.6802 16.7156 11.2661L16.45 15.25Z" clip-rule="evenodd"/><path d="M3.81902 18.75H16.181C16.0372 19.9266 15.8026 20.6671 15.2429 21.1907C14.3779 22 13.0475 22 10.3867 22H9.61333C6.95253 22 5.62212 22 4.75712 21.1907C4.19745 20.6671 3.96285 19.9266 3.81902 18.75Z"/><path fill-rule="evenodd" d="M6.97721 1.32673C7.31443 1.56726 7.39281 2.03562 7.15227 2.37284L6.7662 2.91409C7.39202 3.38836 7.53073 4.27761 7.07175 4.92108L6.66113 5.49675C6.42059 5.83396 5.95223 5.91234 5.61501 5.67181C5.2778 5.43127 5.19942 4.96291 5.43996 4.62569L5.82603 4.08444C5.2002 3.61018 5.0615 2.72092 5.52048 2.07745L5.9311 1.50179C6.17163 1.16457 6.63999 1.08619 6.97721 1.32673ZM10.9772 1.32673C11.3144 1.56726 11.3928 2.03562 11.1523 2.37284L10.7662 2.91409C11.392 3.38836 11.5307 4.27761 11.0717 4.92108L10.6611 5.49675C10.4206 5.83396 9.95223 5.91234 9.61501 5.67181C9.2778 5.43127 9.19942 4.96291 9.43996 4.62569L9.82603 4.08444C9.2002 3.61018 9.0615 2.72092 9.52048 2.07745L9.9311 1.50179C10.1716 1.16457 10.64 1.08619 10.9772 1.32673ZM14.9772 1.32673C15.3144 1.56726 15.3928 2.03562 15.1523 2.37284L14.7662 2.91409C15.392 3.38836 15.5307 4.27761 15.0717 4.92108L14.6611 5.49675C14.4206 5.83396 13.9522 5.91234 13.615 5.67181C13.2778 5.43127 13.1994 4.96291 13.44 4.62569L13.826 4.08444C13.2002 3.61018 13.0615 2.72092 13.5205 2.07745L13.9311 1.50179C14.1716 1.16457 14.64 1.08619 14.9772 1.32673Z" clip-rule="evenodd"/></g></svg>

Как использовать иконку Cup Hot Bold

React

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

<Icon icon="solar:cup-hot-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:cup-hot-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:cup-hot-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cup-hot-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cup-hot-bold"></div>

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

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

<iconify-icon icon="solar:cup-hot-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/cup-hot-bold.svg" alt="Иконка Cup Hot Bold" width="24" height="24">

Вопросы и ответы: Иконка Cup Hot Bold

Можно ли бесплатно использовать иконку Cup Hot Bold в коммерческих проектах?

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

Как использовать иконку Cup Hot Bold в React?

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

Как добавить иконку Cup Hot Bold на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/cup-hot-bold.svg" alt="Иконка Cup Hot Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →