ICONYZ
日本語
Custom Brand Icons の Aqara Motion アイコン

Aqara Motion アイコン

cbi:aqara-motion

Aqara Motion アイコン(cbi:aqara-motion)は、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
タグ
aqaramotion
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.319 11.474a21.2 21.2 0 0 1-8.699.007c.021.31-.104.295.24.396a6 6 0 0 0 .665.158a11 11 0 0 0 1.429.146c.759.042 1.523.058 2.283.052a29 29 0 0 0 2.978-.156a6 6 0 0 0 .828-.169c.396-.134.352-.025.348-.456Zm.008-8.995c-1.484.129-2.981.136-4.47.141c-1.411-.01-2.831-.018-4.237-.152c.063.024-.121 8.788.064 8.72a4 4 0 0 0 .401.111a14 14 0 0 0 2.121.281a26 26 0 0 0 4.375-.077a11 11 0 0 0 1.273-.207a4 4 0 0 0 .422-.122l.112-.043v-.539a11 11 0 0 1-2.058.334a29 29 0 0 1-3.06.088a23 23 0 0 1-2.663-.199c-.66.155-.162-6.89-.264-7.073c.066-.372.517-.165.774-.172a35 35 0 0 0 4.777.064a20 20 0 0 0 1.713-.157c.953-.138.766-.137.781-1.004Zm-2.438.87h-.017a7 7 0 0 1-.678.028a.4.4 0 0 1-.159-.048a.24.24 0 0 1-.109-.225a.26.26 0 0 1 .104-.233a.4.4 0 0 1 .155-.062a6 6 0 0 1 .683-.034c.017 0 .029.006.044.007a.26.26 0 0 1 .251.271a.293.293 0 0 1-.274.296M7.975 2.258c1.948.14 3.907.136 5.858.104a45 45 0 0 0 2.004-.083c.185-.013.379-.028.563-.05c-.006-.056.025-.086-.057-.084c-1.178-.113-2.368-.126-3.552-.142c-1.493-.01-2.993 0-4.486.09c-.213.015-.433.031-.646.055c-.038-.013-.024.058-.026.077c.111.012.23.024.342.033m.972 8.087a27 27 0 0 0 3.941.15a16.6 16.6 0 0 0 3.193-.348c-.294.171-.125-6.099-.165-6.201h-.005a31 31 0 0 1-5.822.207a26 26 0 0 1-1.054-.074c-.063 0-.147-.015-.207-.021c.095.025-.193 6.484.119 6.287m2.27 4.885a4 4 0 0 0-.45.086a5.8 5.8 0 0 0 2.39-.011a4 4 0 0 0-.283-.057c-.249-.084-.456.049-.734.054a2.7 2.7 0 0 1-.502-.015c-.149-.001-.288-.099-.421-.057m-.962.812c-.265 1.108-.487 2.24-.858 3.314a1.9 1.9 0 0 1-.955.924a2.9 2.9 0 0 0-.741.389c1.769.97 6.703.981 8.463-.019a4 4 0 0 0-.828-.414a1.7 1.7 0 0 1-.937-1.035c-.246-.758-.422-1.544-.609-2.319c-.088-.378-.186-.804-.271-1.181l-.057-.255a4 4 0 0 1-.621.113a9 9 0 0 1-1.657.026c-.911-.013-.744-.404-.929.457m-2.539 4.96c-.068.338.725.517.985.61a13.6 13.6 0 0 0 4.125.358a11 11 0 0 0 2.543-.402c.269-.112.907-.247.835-.59a6 6 0 0 1-1.301.408a14.2 14.2 0 0 1-7.187-.384m3.723-8.162c.161 0 1.058.014 1.204-.01c.007-.331.029-.227-.273-.235h-.789l-.191-.005c.02.024-.045.298.049.25m.54 2.155c.081-.015.257.032.268-.042V13.08h-.486c.099.112-.233 2.189.218 1.915m.947-11.887a.26.26 0 0 1 .104-.233a.26.26 0 0 0-.104.233m.946-.332c.016 0 .029.006.043.007c-.014.002-.027-.007-.043-.007m-.678.606a.4.4 0 0 1-.159-.049a.4.4 0 0 0 .159.049m.676-.606a6 6 0 0 0-.683.034a6 6 0 0 1 .683-.034m.019.573a.293.293 0 0 0 .277-.292a.293.293 0 0 1-.277.292"/></svg>

Aqara Motion アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Custom Brand Icons の関連アイコン

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

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

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

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

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

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

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

Custom Brand Icons をすべて見る →