Aqara Motion icon
cbi:aqara-motion
The Aqara Motion icon (cbi:aqara-motion) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- aqaramotion
SVG code
<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>
How to use the Aqara Motion icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/cbi/aqara-motion.svg" alt="Aqara Motion icon" width="24" height="24">
Related icons in Custom Brand Icons
Aqara Motion icon FAQ
Is the Aqara Motion icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Aqara Motion icon in React?
Install @iconify/react and render <Icon icon="cbi:aqara-motion" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Aqara Motion icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/aqara-motion.svg" alt="Aqara Motion icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
