Иконка Cup Paper Bold

solar:cup-paper-bold

Иконка Cup Paper Bold (solar:cup-paper-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
Категория: Еда
Теги: cuppaper, paperbold, cuppaperbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.18527 2H14.8149C16.6526 2 17.5715 2 18.2943 2.44432C18.419 2.52098 18.5379 2.60666 18.6501 2.70069C19.3003 3.24562 19.5912 4.11727 20.1729 5.8605L20.2087 5.96791C20.5275 6.92318 20.6869 7.40081 20.5185 7.76195C20.4653 7.87592 20.3912 7.97884 20.2999 8.06533C20.0106 8.33937 19.5071 8.33937 18.5001 8.33937L18.0739 11.25H5.92614L5.5 8.33937C4.49299 8.33937 3.98949 8.33936 3.70022 8.06533C3.60893 7.97884 3.53477 7.87592 3.48163 7.76195C3.31325 7.40081 3.47263 6.92318 3.79139 5.96791L3.82722 5.86056C4.40893 4.11727 4.69979 3.24563 5.35004 2.70069C5.46223 2.60666 5.58115 2.52098 5.70585 2.44432C6.42859 2 7.34749 2 9.18527 2Z"/><path d="M17.3418 16.25H6.65817L6.14575 12.75H17.8543L17.3418 16.25Z"/><path d="M13.043 22H10.957C9.30835 22 8.48401 22 7.92073 21.5132C7.35745 21.0264 7.23804 20.2107 6.99921 18.5794L6.87778 17.75H17.1222L17.0008 18.5794C16.762 20.2107 16.6425 21.0264 16.0793 21.5132C15.516 22 14.6917 22 13.043 22Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →