Иконка Cup Paper Bold Duotone

solar:cup-paper-bold-duotone

Иконка Cup Paper Bold Duotone (solar:cup-paper-bold-duotone) — бесплатная 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, boldduotone, cuppaperboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.8153 2H9.18576C7.34797 2 6.42908 2 5.70634 2.44432C5.58164 2.52098 5.46272 2.60666 5.35053 2.70069C4.70028 3.24563 4.40942 4.11727 3.8277 5.86056L3.79188 5.96791C3.47312 6.92318 3.31374 7.40081 3.48212 7.76195C3.53526 7.87592 3.60942 7.97884 3.70071 8.06533C3.98998 8.33937 4.4935 8.33937 5.50055 8.33937H18.5006C19.5076 8.33937 20.0111 8.33937 20.3004 8.06533C20.3917 7.97884 20.4658 7.87592 20.519 7.76195C20.6874 7.40081 20.528 6.92318 20.2092 5.96791L20.1734 5.86056L20.1734 5.8605C19.5917 4.11727 19.3008 3.24562 18.6506 2.70069C18.5384 2.60666 18.4195 2.52098 18.2948 2.44432C17.572 2 16.6531 2 14.8153 2Z"/><path d="M10.958 22H13.044C14.6926 22 15.517 22 16.0802 21.5132C16.6435 21.0264 16.7629 20.2107 17.0018 18.5794L18.501 8.33936H5.50098L7.00019 18.5794C7.23902 20.2107 7.35843 21.0264 7.92171 21.5132C8.48499 22 9.30932 22 10.958 22Z" opacity=".5"/><path d="M6.76914 17H17.2332L17.9652 12H6.03711L6.76914 17Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →