Govee H6046 アイコン
cbi:govee-h6046
Govee H6046 アイコン(cbi:govee-h6046)は、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
- タグ
- goveeh6046
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.659 2.268a5.3 5.3 0 0 0 1.06-.143c.054-.068-.63-.124-.93-.124c-.225 0-.967.014-.976.113c-.007.078.416.174.846.154m.188 17.712a6 6 0 0 1-.033.774c-.028.301-.04.451.085.549a1.86 1.86 0 0 0 .952-.068c.274-.1.511-.194.551-.371c.03-.126-.049-.216-.157-.34a1.2 1.2 0 0 1-.316-.566a3 3 0 0 1-.068-.582c0-.089-.009-.19-.018-.323v-.166a.4.4 0 0 0-.022-.2a.02.02 0 0 0-.014 0a3.1 3.1 0 0 0-.938.127c-.01.107-.036.541-.022 1.166m1.925 1.321h.007l-.11-.22a.2.2 0 0 0-.02-.04a.5.5 0 0 0-.17-.153c-.054.214-.318.315-.601.422a2.5 2.5 0 0 1-.727.11a.6.6 0 0 1-.3-.054c-.158-.125-.142-.3-.114-.616l.015-.168a2.32 2.32 0 0 0-1.601.458l-.008.015l-.17.3a.2.2 0 0 0-.019.042a.2.2 0 0 0-.006.04c0 .272.783.563 1.949.563s1.948-.29 1.948-.564a.2.2 0 0 0-.03-.093ZM6.988 20.03l-.18.458a4.6 4.6 0 0 1 .766-.09v-.368l.093-.006v-1.097c.007-.16.014-.25.014-.252v-.026l.025-.007a3 3 0 0 1 .92-.138l.07-16.288l-.15.032a4 4 0 0 1-.548.083l-.355.033h-.07a3 3 0 0 1-.4-.024a1 1 0 0 1-.285-.08l-.109-.053l-.119 17.615v.03l.02.023a.56.56 0 0 0 .308.154M6.935 2.44a1.3 1.3 0 0 0 .218.051a3 3 0 0 0 .344.024c0 2.902 0 5.838-.007 8.682s-.01 5.785-.007 8.687a1 1 0 0 1-.669-.094Zm8.931-.173a5.3 5.3 0 0 0 1.06-.143c.055-.068-.632-.124-.932-.124c-.225 0-.966.014-.975.113c-.004.078.417.174.847.154m.188 17.712a6 6 0 0 1-.033.774c-.027.301-.04.451.085.549a1.86 1.86 0 0 0 .953-.068c.273-.1.51-.194.551-.371c.03-.126-.049-.216-.158-.34a1.2 1.2 0 0 1-.315-.566a3 3 0 0 1-.068-.582c0-.089-.009-.19-.018-.323v-.166a.4.4 0 0 0-.022-.2a.02.02 0 0 0-.014 0a3.1 3.1 0 0 0-.94.127c-.01.107-.035.541-.02 1.166m1.959 1.374l-.033-.054h.006l-.11-.219a.2.2 0 0 0-.02-.04a.5.5 0 0 0-.17-.153c-.053.214-.318.315-.6.422a2.5 2.5 0 0 1-.728.11a.57.57 0 0 1-.3-.054c-.159-.125-.143-.3-.114-.616c0-.052.01-.108.014-.168a2.32 2.32 0 0 0-1.601.458l-.008.015l-.17.3a.2.2 0 0 0-.019.042a.2.2 0 0 0-.006.04c0 .272.782.563 1.948.563s1.949-.29 1.949-.564a.2.2 0 0 0-.038-.082m-2.819-1.325l-.182.46a5 5 0 0 1 .766-.09v-.369l.093-.006v-.079q-.001-.508.006-1.018c.006-.16.013-.25.013-.252v-.026l.025-.007a3 3 0 0 1 .92-.138l.063-16.288l-.15.032a4 4 0 0 1-.548.083l-.355.033h-.07a3 3 0 0 1-.4-.024a1 1 0 0 1-.278-.08l-.104-.053l-.122 17.615v.03l.021.023a.56.56 0 0 0 .302.154M15.14 2.439a1.3 1.3 0 0 0 .217.052a3 3 0 0 0 .345.024c0 2.902 0 5.838-.008 8.682s-.01 5.785-.007 8.687a1 1 0 0 1-.667-.094Z"/></svg>Govee H6046 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:govee-h6046" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:govee-h6046" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:govee-h6046" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--govee-h6046]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:govee-h6046"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:govee-h6046"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/govee-h6046.svg" alt="Govee H6046 アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
Govee H6046 アイコン のよくある質問
Govee H6046 アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Govee H6046 アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:govee-h6046" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Govee H6046 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/govee-h6046.svg" alt="Govee H6046 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。