Иконка Aqara Contact

cbi:aqara-contact

Иконка Aqara Contact (cbi:aqara-contact) — бесплатная SVG-иконка из набора Custom Brand Icons от Emanuele & rchiileea. Она нарисована на сетке 24 × 24. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Custom Brand Icons
Автор: Emanuele & rchiileea
Лицензия: CC-BY-NC-SA-4.0
Размер: 24 × 24
Теги: aqaracontact

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Aqara Contact

Можно ли бесплатно использовать иконку Aqara Contact в коммерческих проектах?

Нет. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора.

Как использовать иконку Aqara Contact в React?

Установите @iconify/react и выведите <Icon icon="cbi:aqara-contact" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Aqara Contact на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cbi/aqara-contact.svg" alt="Иконка Aqara Contact">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Custom Brand Icons →