Aqara G3 アイコン

Q: Aqara G3 アイコンは商用利用でも無料ですか?

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

cbi:aqara-g3

Aqara G3 アイコン(cbi:aqara-g3)は、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
タグ: aqarag3

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.241 7.806a.817.764 90 0 1-.764.817a.817.764 90 0 1-.764-.817a.817.764 90 0 1 .764-.816a.817.764 90 0 1 .764.816m.351-1.467s-2.67-.246-2.67 1.486c0 1.924 2.979 1.588 2.979 1.588s2.362.248 2.362-1.531c0-1.836-2.671-1.543-2.671-1.543M9.477 8.975a1.17 1.17 0 1 1 1.116-1.169a1.146 1.146 0 0 1-1.116 1.169m2.329-.982a.187.187 0 1 1 .187-.187a.186.186 0 0 1-.187.187m2.723-5.695a11.9 11.9 0 0 0-4.675-.123a5.435 5.435 0 0 0-4.411 5.324c-.192 2.319 1.723 4.498 2.32 4.481c1.176-.034 2.732-.014 3.667.053a46 46 0 0 0 4.715.158a6.15 6.15 0 0 0 2.394-4.028a5.48 5.48 0 0 0-4.01-5.865m.878 5.641a3.43 3.43 0 0 1-.492 1.879a2.72 2.72 0 0 1-1.528 1.231s-.303.302-2.168.334c-.443.009-2.705.294-3.906-1.196a4.4 4.4 0 0 1-.921-2.381A3.2 3.2 0 0 1 8.079 4.74a5.4 5.4 0 0 1 2.865-.527a5 5 0 0 1 2.882.562a3.8 3.8 0 0 1 .889.908a3.53 3.53 0 0 1 .692 2.256m-4.679 5.513a.706.706 0 0 0-.632.764a.605.605 0 0 0 .597.686a.72.72 0 0 0 .738-.686c0-.632-.354-.764-.703-.764m-3.041-1.154l-.142.749a65 65 0 0 0-.651 7.108c.777.686 8.403.967 10.108.019a40.3 40.3 0 0 0-.738-7.715c-3.444.105-4.304-.457-8.577-.161m3.006 2.793a.797.797 0 0 1-.786-.875a.897.897 0 0 1 .821-.954a.834.834 0 0 1 .893.954a.91.91 0 0 1-.928.875m-3.38 5.51l.035.807c1.693.984 8.909.574 9.267-.023l.041-.786a23.3 23.3 0 0 1-9.343.002"/></svg>

Aqara G3 アイコンの使い方

React

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

<Icon icon="cbi:aqara-g3" width="24" />

Vue

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

<template>
  <Icon icon="cbi:aqara-g3" width="24" />
</template>

Svelte

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

<Icon icon="cbi:aqara-g3" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="cbi:aqara-g3"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/aqara-g3.svg" alt="Aqara G3 アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Aqara G3 アイコンのよくある質問

Aqara G3 アイコンは商用利用でも無料ですか?

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンスを採用しており、作者の個別の許可なしに商用利用することはできません。

React で Aqara G3 アイコンを使うには?

@iconify/react をインストールして <Icon icon="cbi:aqara-g3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Aqara G3 アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/aqara-g3.svg" alt="Aqara G3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Custom Brand Icons をすべて見る →