Ícone Aqara Contact

cbi:aqara-contact

O ícone Aqara Contact (cbi:aqara-contact) é um ícone SVG gratuito da coleção Custom Brand Icons de Emanuele & rchiileea. Ele é desenhado em uma grade de 24 × 24. Custom Brand Icons usam a licença CC BY-NC-SA 4.0, que não permite uso comercial sem uma permissão separada do autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Custom Brand Icons
Autor: Emanuele & rchiileea
Licença: CC-BY-NC-SA-4.0
Tamanho: 24 × 24
Tags: aqaracontact

Baixar SVG

Código 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>

Como usar o ícone 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 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>

Imagem HTML

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

Ícones relacionados em Custom Brand Icons

Perguntas frequentes sobre Ícone Aqara Contact

O ícone Aqara Contact é grátis para uso comercial?

Não. Custom Brand Icons usam a licença CC BY-NC-SA 4.0, que não permite uso comercial sem uma permissão separada do autor.

Como uso o ícone Aqara Contact no React?

Instale @iconify/react e renderize <Icon icon="cbi:aqara-contact" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Aqara Contact a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cbi/aqara-contact.svg" alt="Ícone Aqara Contact">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Custom Brand Icons →