Hue Spot V2 アイコン
cbi:hue-spot-v2
Hue Spot V2 アイコン(cbi:hue-spot-v2)は、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
- タグ
- huespot、spotv2、huespotv2
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.021 5.204a.17.17 0 0 0 .068.171c.049.041.358 0 .443.108a.67.67 0 0 1 .102.457c.182 4.278 2.233 5.378 3.331 7.679a51 51 0 0 1 .56 5.228a3.5 3.5 0 0 0 1.408.932l.008.761a.4.4 0 0 0-.266.204l.013.922a1.133 1.133 0 0 0 1.59.016v-.994a.25.25 0 0 0-.22-.16l-.01-.666h2.086v.681a.53.53 0 0 0-.277.216l.02.886a1.106 1.106 0 0 0 1.589-.035c.014-.017-.017-.917-.017-.917a.25.25 0 0 0-.22-.157l-.008-.799c.63-.06 1.277-.933 1.359-1.033a20.5 20.5 0 0 1 .4-4.93c.379-1.418 3.02-2.551 3.282-7.608c0-.064-.024-.468.159-.621c.133-.109.28-.077.399-.201a.5.5 0 0 0 .063-.18a117 117 0 0 0-15.862.04m4.019 5.914a.191.191 0 1 1-.38 0v-1.013h.38Zm1.95 0a.191.191 0 1 1-.379 0v-1.013h.379Zm0-1.294h-.379v-.1c0-.549-.259-.851-.731-.851a.866.866 0 0 0-.84.946h-.386v-2.06a.191.191 0 1 1 .38 0v1.432l.05-.101a.96.96 0 0 1 .902-.512c.645 0 .999.412.999 1.158Zm3.63 0h.243a1.3 1.3 0 0 1 1.344-1.247a1.177 1.177 0 0 1 1.216 1.332v.022a.165.165 0 0 1-.186.169h-1.992v.008a.973.973 0 0 0 1.078.951a1.5 1.5 0 0 0 .584-.1q.057-.021.133-.042a.2.2 0 0 1 .155 0a.13.13 0 0 1 .054.088a.16.16 0 0 1-.106.172a1.9 1.9 0 0 1-.852.166a1.314 1.314 0 0 1-1.43-1.25h-.241a.141.141 0 1 1 0-.281Zm-2.855-1.021a.189.189 0 1 1 .378 0v1.021h-.378Zm1.945 0a.191.191 0 1 1 .38 0v1.021h-.387Zm0 1.394v-.092h.38v1.024a.191.191 0 1 1-.38 0v-.315v.013a.95.95 0 0 1-.893.533c-.694 0-1.046-.379-1.046-1.126v-.124h.379v.103c0 .573.254.852.778.852a.82.82 0 0 0 .775-.867Zm3.359-.382a.84.84 0 0 0-.856-.952a.946.946 0 0 0-.968.95v.012h1.826Zm3.874-5.74a140 140 0 0 0-15.876.028c-.08 0-.084.816 0 .812a128 128 0 0 1 15.875 0a1.7 1.7 0 0 0 .001-.84m-8.066-.565c2.238 0 4.5.042 6.732.134l.607.024l-.479-.373c-1.691-1.32-4.493-1.304-6.541-1.293h-.244c-3.294-.012-5.537.422-6.675 1.29l-.493.374l.619-.024a166 166 0 0 1 6.474-.132m.075-1.12h.246a12.8 12.8 0 0 1 5.714.834a172 172 0 0 0-5.908-.103h-.127c-1.896 0-3.816.035-5.718.1a14.8 14.8 0 0 1 5.793-.831"/></svg>Hue Spot V2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:hue-spot-v2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:hue-spot-v2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:hue-spot-v2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--hue-spot-v2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:hue-spot-v2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:hue-spot-v2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/hue-spot-v2.svg" alt="Hue Spot V2 アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
Hue Spot V2 アイコン のよくある質問
Hue Spot V2 アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Hue Spot V2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:hue-spot-v2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hue Spot V2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/hue-spot-v2.svg" alt="Hue Spot V2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。