Aqara Contact icon

cbi:aqara-contact

The Aqara Contact icon (cbi:aqara-contact) 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: aqaracontact

Download SVG

SVG code

<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>

How to use the Aqara Contact icon

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 component

<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 image

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

Related icons in Custom Brand Icons

Aqara Contact icon FAQ

Is the Aqara Contact 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 Contact icon in React?

Install @iconify/react and render <Icon icon="cbi:aqara-contact" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Aqara Contact icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/aqara-contact.svg" alt="Aqara Contact icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →