Aqara Contact アイコン

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

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

cbi:aqara-contact

Aqara Contact アイコン(cbi:aqara-contact)は、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
タグ: aqaracontact

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.453 7.673c-.017-.291-.153-.613-.417-.669l-2.117-.238l-.793-.056a.93.93 0 0 0-.769.892v8.793a.93.93 0 0 0 .768.891l.795-.057l2.128-.239c.252-.065.383-.374.403-.654c0-.034.126-4.315.125-4.349Zm-4.572-.086a1.4 1.4 0 0 1 .19-.666c-.24.073-.489.154-.728.233a.7.7 0 0 0-.254.534l.016 4.31c.01.011-.023 4.3-.016 4.309a.7.7 0 0 0 .254.536c.239.08.488.161.729.234a1.4 1.4 0 0 1-.19-.644c-.007-2.231-.005-6.617-.001-8.846m-5.548-5.22L6.231 2a2.4 2.4 0 0 0-.538.083a2.05 2.05 0 0 0-.792 1.585c0 .053-.009 8.308-.007 8.354c.021.044-.01 8.299.008 8.338a1.92 1.92 0 0 0 .849 1.57c.032 0 .074.021.107.024a1.7 1.7 0 0 0 .363.046c.007 0 5.1-.37 5.108-.367a1.754 1.754 0 0 0 1.562-1.743c.192-4.892.194-10.86 0-15.752a1.76 1.76 0 0 0-1.558-1.771m-6.91 1.296a2.6 2.6 0 0 1 .415-1.353a47 47 0 0 0-1.16.359l-.504.165a.6.6 0 0 0-.269.18a1.68 1.68 0 0 0-.481 1.167s.031 7.811.029 7.817s-.029 7.808-.029 7.82a1.68 1.68 0 0 0 .486 1.168a.64.64 0 0 0 .32.201c.152.052.337.11.49.161c.37.119.748.238 1.121.347a2.6 2.6 0 0 1-.416-1.311c-.012-4.199-.007-12.527-.002-16.721"/></svg>

Aqara Contact アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Custom Brand Icons の関連アイコン

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

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

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

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

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

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

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

Custom Brand Icons をすべて見る →