Иконка Ring Doorbell Pro

cbi:ring-doorbell-pro

Иконка Ring Doorbell Pro (cbi:ring-doorbell-pro) — бесплатная 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
Теги: ringdoorbell, doorbellpro, ringdoorbellpro

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.169 2a.61.61 0 0 0-.608.608v18.784a.597.597 0 0 0 .608.607H15.8a.61.61 0 0 0 .639-.607V2.608A.62.62 0 0 0 15.831 2Zm0 .227h7.652a.39.39 0 0 1 .391.381v18.784a.39.39 0 0 1-.381.381H8.169a.38.38 0 0 1-.381-.381V2.608a.38.38 0 0 1 .381-.381m1.401 2.09l-.155.165v7.332h.34c.094-1.409 1.177-2.113 2.259-2.113c1.084 0 2.166.704 2.262 2.113h.35V4.482l-.154-.165Zm2.399.855a1.7 1.7 0 0 1 1.668 1.678a1.68 1.68 0 0 1-1.668 1.658a1.668 1.668 0 0 1 0-3.336m0 .226v.021a1.442 1.442 0 1 0 1.432 1.431a1.473 1.473 0 0 0-1.432-1.452m.007.67a.77.77 0 0 1 .764.782a.77.77 0 0 1-.772.763a.772.772 0 0 1-.103-1.539a1 1 0 0 1 .111-.006m-.008.515a.257.257 0 0 0 0 .515a.257.257 0 0 0 0-.515m.046 3.385c-1.184.033-1.97.863-1.997 2.048c.164 2.369 3.758 2.844 4.011-.021c-.064-1.265-.851-1.969-2.014-2.027m.042.394A1.586 1.586 0 0 1 13.605 12a1.586 1.586 0 0 1-1.585 1.534a1.586 1.586 0 0 1-.193-3.159a2 2 0 0 1 .227-.013m-.035.309a1.277 1.277 0 0 0 0 2.554a1.277 1.277 0 0 0 0-2.554m2.245 1.514c-.153 1.54-1.081 2.069-2.256 2.07a2.307 2.307 0 0 1-2.265-2.06h-.33v7.219l.155.165h4.902l.154-.165v-7.229Z"/></svg>

Как использовать иконку Ring Doorbell Pro

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:ring-doorbell-pro" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:ring-doorbell-pro" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:ring-doorbell-pro" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ring-doorbell-pro]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ring-doorbell-pro"></div>

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

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:ring-doorbell-pro"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/cbi/ring-doorbell-pro.svg" alt="Иконка Ring Doorbell Pro" width="24" height="24">

Вопросы и ответы: Иконка Ring Doorbell Pro

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

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

Как использовать иконку Ring Doorbell Pro в React?

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

Как добавить иконку Ring Doorbell Pro на веб-страницу?

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

Все Custom Brand Icons →