Иконка Cup Paper Broken

solar:cup-paper-broken

Иконка Cup Paper Broken (solar:cup-paper-broken) — бесплатная 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, paperbroken, cuppaperbroken

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M18.5 8.33936L17.0008 18.5794C16.762 20.2107 16.6425 21.0264 16.0793 21.5132C15.6374 21.895 15.035 21.9774 14 21.9951H9.99994C8.96502 21.9774 8.36257 21.895 7.92073 21.5132C7.35745 21.0264 7.23804 20.2107 6.99921 18.5794L5.5 8.33936"/><path d="M20.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.33937L5.50006 8.33937C4.49302 8.33937 3.98949 8.33937 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.34748 2 9.18527 2H14.8149C16.6526 2 17.5715 2 18.2943 2.44432"/><path d="M6.5 12H12M17.5 12H16"/><path d="M7 17H17"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →