Friends Of Hue Rigel アイコン
cbi:friends-of-hue-rigel
Friends Of Hue Rigel アイコン(cbi:friends-of-hue-rigel)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: 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 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>
Web コンポーネント
<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">
Custom Brand Icons の関連アイコン
Friends Of Hue Rigel アイコン のよくある質問
Friends Of Hue Rigel アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Friends Of Hue Rigel アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Custom Brand Icons をすべて見る →
