Ícone Ring Doorbell Pro
cbi:ring-doorbell-pro
O ícone Ring Doorbell Pro (cbi:ring-doorbell-pro) é 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
- ringdoorbell, doorbellpro, ringdoorbellpro
Código 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>
Como usar o ícone 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>
Web component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/cbi/ring-doorbell-pro.svg" alt="Ícone Ring Doorbell Pro" width="24" height="24">
Ícones relacionados em Custom Brand Icons
Perguntas frequentes sobre Ícone Ring Doorbell Pro
O ícone Ring Doorbell Pro é 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 Ring Doorbell Pro no React?
Instale @iconify/react e renderize <Icon icon="cbi:ring-doorbell-pro" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ring Doorbell Pro a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cbi/ring-doorbell-pro.svg" alt="Ícone Ring Doorbell Pro">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Custom Brand Icons →
ICONYZ
