Aqara Opple icon
cbi:aqara-opple
The Aqara Opple icon (cbi:aqara-opple) 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
- aqaraopple
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.261 16.423c0-.253-.153-.458-.34-.458s-.339.204-.339.458s.153.456.339.456s.34-.204.34-.456m5.246.31c0-.252-.152-.458-.34-.458s-.339.205-.339.458s.153.457.339.457s.34-.205.34-.457m-5.269-4.872c0-.252-.153-.457-.34-.457s-.339.204-.339.457s.152.457.339.457s.34-.205.34-.457m5.269.163c0-.252-.152-.457-.34-.457s-.339.205-.339.457s.153.457.339.457s.34-.205.34-.457m0-4.707c0-.252-.152-.458-.34-.458s-.339.205-.339.458s.153.457.339.457s.34-.205.34-.457m-5.269.144c0-.252-.153-.457-.34-.457s-.339.205-.339.457s.152.457.339.457s.34-.205.34-.457M5.312 5.068v.215l10.864-.511l-.048 14.468l-10.816-.926v.266l10.888.926l.508-.218V4.772l-.47-.277Zm13.502-3.066l-13.713.983a.57.57 0 0 0-.53.569v16.402a.57.57 0 0 0 .512.567l13.715 1.474a.57.57 0 0 0 .631-.568V2.572a.57.57 0 0 0-.615-.57m-2.021 17.342l-.579.248l-10.987-.934v-.435l.141.011v-.103l10.613.877v-4.485l-10.613-.438v-.258l10.613.477V9.676H5.368v-.165l10.613-.121V4.973l-10.613.535v-.142l-.141.006v-.384l11.032-.579l.534.315Zm-9.357-2.921a.553.553 0 0 1 .485-.603c.654.135.654 1.069 0 1.204a.553.553 0 0 1-.485-.601m5.75-.28c.541-.021.689 1.212-.019 1.201c-.607-.036-.594-1.211-.017-1.186Zm-5.772-4.282a.553.553 0 0 1 .486-.602c.654.135.654 1.069 0 1.204a.553.553 0 0 1-.486-.602m5.76-.435c.518-.102.737 1.201-.007 1.201c-.609-.013-.633-1.238.007-1.201m-5.76-3.965a.553.553 0 0 1 .486-.602a.555.555 0 0 1 .485.602a.553.553 0 0 1-.485.603a.553.553 0 0 1-.486-.603m5.305-.144c-.018-.697.902-.864.922-.013c.041.841-.904.828-.922.013"/></svg>
How to use the Aqara Opple icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:aqara-opple" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:aqara-opple" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:aqara-opple" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--aqara-opple]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:aqara-opple"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:aqara-opple"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/aqara-opple.svg" alt="Aqara Opple icon" width="24" height="24">
Related icons in Custom Brand Icons
Aqara Opple icon FAQ
Is the Aqara Opple 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 Opple icon in React?
Install @iconify/react and render <Icon icon="cbi:aqara-opple" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Aqara Opple icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/aqara-opple.svg" alt="Aqara Opple icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
