Иконка Friends Of Hue Rigel

cbi:friends-of-hue-rigel

Иконка Friends Of Hue Rigel (cbi:friends-of-hue-rigel) — бесплатная 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
Теги: friendsof, ofhue, huerigel, friendsofhuerigel, friend

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.395 7.022s-.009 0 0 0v-1.82c.879-.045 2.511-.251 2.511-1.148v-.897C14.906 2.054 12.439 2 11.937 2s-2.959.063-2.959 1.157v.897c0 .897 1.65 1.103 2.529 1.148l-.009 1.829c-.063.009-.126.009-.189.018c-3.192.413-5.695 3.597-5.695 7.453s2.494 7.041 5.695 7.453c.207.027.422.045.628.045H12c3.525 0 6.386-3.363 6.386-7.498c.009-3.982-2.655-7.237-5.991-7.48m-.969.915c.179-.027.359-.036.547-.036c.323 0 .646.045.951.135c.861.242 1.596.798 2.188 1.569a4.6 4.6 0 0 0-.807-.08h-.018c-1.498 0-3.148.529-4.637 1.488a10 10 0 0 0-2.098 1.803c.421-2.619 1.856-4.592 3.874-4.879m.538 13.166a4 4 0 0 1-.466-.027c-.807-.098-1.525-.475-2.126-1.067c.144.018.287.027.449.027h.018c1.497 0 3.148-.529 4.636-1.489a10 10 0 0 0 1.668-1.336c-.699 2.269-2.224 3.874-4.179 3.892m2.027-3.309c-1.345.861-2.825 1.345-4.161 1.345c-1.238.018-2.225-.422-2.718-1.193s-.475-1.829.054-2.968c.556-1.211 1.614-2.35 2.96-3.211c1.354-.861 2.825-1.345 4.161-1.345h.009c.556 0 1.031.098 1.462.251c.502 1.058.789 2.34.789 3.749q0 .494-.054.977c-.583.87-1.435 1.713-2.502 2.395"/></svg>

Как использовать иконку Friends Of Hue Rigel

React

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

<Icon icon="cbi:friends-of-hue-rigel" width="24" />

Vue

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

<template>
  <Icon icon="cbi:friends-of-hue-rigel" width="24" />
</template>

Svelte

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

<Icon icon="cbi:friends-of-hue-rigel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--friends-of-hue-rigel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:friends-of-hue-rigel"></div>

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

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

<iconify-icon icon="cbi:friends-of-hue-rigel"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/cbi/friends-of-hue-rigel.svg" alt="Иконка Friends Of Hue Rigel" width="24" height="24">

Вопросы и ответы: Иконка Friends Of Hue Rigel

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

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

Как использовать иконку Friends Of Hue Rigel в React?

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

Как добавить иконку Friends Of Hue Rigel на веб-страницу?

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

Все Custom Brand Icons →