Иконка Cheers Bold

ph:cheers-bold

Иконка Cheers Bold (ph:cheers-bold) — бесплатная SVG-иконка из набора Phosphor от Phosphor Icons. Она нарисована на сетке 256 × 256. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Phosphor
Автор: Phosphor Icons
Лицензия: MIT
Размер: 256 × 256
Теги: glass, drinks, beverages, champagne, toast, places, locations, bars, restaurants, food, dining, cheersbold, cheer

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="m212.89 210.08l-13.78 3.69l-8.57-32a44.07 44.07 0 0 0 20-49.17c-12.81-47.6-39.31-89.32-40.43-91.07a12 12 0 0 0-13-5.17l-16.9 4.22c0-5.34-.18-8.63-.2-9.13a12 12 0 0 0-9.08-11.09l-32-8a12 12 0 0 0-13 5.17C84.77 19.28 58.27 61 45.51 108.6a44.07 44.07 0 0 0 19.95 49.17l-8.57 32l-13.78-3.69a12 12 0 0 0-6.22 23.18l48 12.86a12 12 0 0 0 6.22-23.18l-11-3l8.57-32a44.21 44.21 0 0 0 34.62-17.65q1 4.53 2.23 9A44.06 44.06 0 0 0 167.36 188l8.57 32l-11 3a12 12 0 0 0 6.22 23.18l48-12.86a12 12 0 1 0-6.22-23.18ZM162.59 77l-22.82 5.71c-.21-6.92-.19-12.83-.1-17.24l14.62-3.65c2.21 3.79 5.09 8.97 8.3 15.18m-60.87-39.2l14.46 3.61c0 4 0 9.25-.24 15.34c0 .92-.11 2.2-.17 3.82l-23.26-5.81a388 388 0 0 1 9.21-16.96M82.83 139.31a20 20 0 0 1-14.14-24.49a281 281 0 0 1 13.4-37.93l31.94 8a304 304 0 0 1-6.73 40.4a20 20 0 0 1-24.47 14.02m65.84 9.86a265 265 0 0 1-7.36-42.17l31.82-8a283 283 0 0 1 14.18 39.73a20 20 0 0 1-38.64 10.35Zm36-109.38a12 12 0 0 1 7.59-15.17l12-4a12 12 0 0 1 7.58 22.76l-12 4a12 12 0 0 1-15.17-7.59M236 72a12 12 0 0 1-12 12h-12a12 12 0 0 1 0-24h12a12 12 0 0 1 12 12M28.62 20.21a12 12 0 0 1 15.17-7.59l12 4a12 12 0 1 1-7.58 22.76l-12-4a12 12 0 0 1-7.59-15.17M36 76H24a12 12 0 0 1 0-24h12a12 12 0 0 1 0 24"/></svg>

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

React

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

<Icon icon="ph:cheers-bold" width="24" />

Vue

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

<template>
  <Icon icon="ph:cheers-bold" width="24" />
</template>

Svelte

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

<Icon icon="ph:cheers-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--cheers-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:cheers-bold"></div>

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

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

<iconify-icon icon="ph:cheers-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/ph/cheers-bold.svg" alt="Иконка Cheers Bold" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Phosphor →