Иконка Binge

cbi:binge

Иконка Binge (cbi:binge) — бесплатная SVG-иконка из набора Custom Brand Icons от Emanuele & rchiileea. Она нарисована на сетке 24 × 24. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Custom Brand Icons
Автор: Emanuele & rchiileea
Лицензия: CC-BY-NC-SA-4.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 14.178h2.164a3 3 0 0 0 1.443-.208c.687-.365 1.109-1.735.087-1.978a1.07 1.07 0 0 0 .485-.328a1.35 1.35 0 0 0-.157-1.587a1.46 1.46 0 0 0-.809-.253c-.59-.057-1.2-.018-1.792-.018h-.84s-.043.25-.053.327c-.036.277-.083.553-.116.83c-.128 1.074-.277 2.143-.412 3.215m5.093-4.372l-.153 1.2h1.5l-1.176.607l-.43.254l-.1.669l-.194 1.64h1.491l.043-.307l.112-.831l.258-2.033l.163-1.2Zm1.377 4.373h1.357l.284-2.273l.3.524l.619 1.159l.316.59h1.363c.185-1.462.35-2.911.546-4.372H11.9l-.285 2.3a15 15 0 0 1-.825-1.552c-.1-.2-.352-.741-.352-.741H9.03l-.061.477m8.7 1.377h-1.9a6 6 0 0 0 .319.612c.048.084.167.256.167.256a2.4 2.4 0 0 1-.245.305a.89.89 0 0 1-1.238-.342a1.01 1.01 0 0 1 .5-1.411a2.4 2.4 0 0 1 .9-.076h1.6l.153-1.2h-1.9a4.2 4.2 0 0 0-1.2.081a2.27 2.27 0 0 0-.938 3.678a2.5 2.5 0 0 0 2.009.613h1.46l.1-.676c.087-.609.122-1.231.234-1.836m.088 2.514h3.686l.057-.326l.1-.853l-2.317-.022l.043-.393h1.924l.153-1.2h-1.938l.044-.372l2.339-.034L22 9.828l-2.71-.022h-.972l-.04.327l-.107.83l-.411 3.214M3.705 11.511c.019-.123.119-.631.119-.631h.253c.223 0 .548-.043.729.119a.291.291 0 0 1-.183.505a2 2 0 0 1-.35.01h-.568M3.5 13.15c.023-.146.1-.733.1-.733H4a1.34 1.34 0 0 1 .74.108c.342.209.066.562-.2.613a2 2 0 0 1-.394.017Z"/></svg>

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

React

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

<Icon icon="cbi:binge" width="24" />

Vue

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

<template>
  <Icon icon="cbi:binge" width="24" />
</template>

Svelte

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

<Icon icon="cbi:binge" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--binge]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:binge"></div>

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

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

<iconify-icon icon="cbi:binge"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/cbi/binge.svg" alt="Иконка Binge" width="24" height="24">

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

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

Нет. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора.

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

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

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

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

Все Custom Brand Icons →