Ring Doorbell Pro icon
cbi:ring-doorbell-pro
The Ring Doorbell Pro icon (cbi:ring-doorbell-pro) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- ringdoorbell, doorbellpro, ringdoorbellpro
SVG code
<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>
How to use the Ring Doorbell Pro icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/ring-doorbell-pro.svg" alt="Ring Doorbell Pro icon" width="24" height="24">
Related icons in Custom Brand Icons
Ring Doorbell Pro icon FAQ
Is the Ring Doorbell Pro icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Ring Doorbell Pro icon in React?
Install @iconify/react and render <Icon icon="cbi:ring-doorbell-pro" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ring Doorbell Pro icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/ring-doorbell-pro.svg" alt="Ring Doorbell Pro icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
ICONYZ
