Icono Aqara Contact

cbi:aqara-contact

El icono Aqara Contact (cbi:aqara-contact) es un icono SVG gratuito de la colección Custom Brand Icons de Emanuele & rchiileea. Está dibujado en una cuadrícula de 24 × 24. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Custom Brand Icons
Autor: Emanuele & rchiileea
Licencia: CC-BY-NC-SA-4.0
Tamaño: 24 × 24
Etiquetas: aqaracontact

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

Cómo usar el icono 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>

Imagen HTML

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

Iconos relacionados en Custom Brand Icons

Preguntas frecuentes sobre Icono Aqara Contact

¿El icono Aqara Contact es gratis para uso comercial?

No. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor.

¿Cómo uso el icono Aqara Contact en React?

Instala @iconify/react y renderiza <Icon icon="cbi:aqara-contact" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Aqara Contact a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/cbi/aqara-contact.svg" alt="Icono Aqara Contact">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Custom Brand Icons →