Panel Frontdoor Open icon
cbi:panel-frontdoor-open
The Panel Frontdoor Open icon (cbi:panel-frontdoor-open) 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
- panelfrontdoor, frontdooropen, panelfrontdooropen
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.762 2.261v.855h.006l-.007 17.875l.007-17.876L2 3.1l.052 17.891v.748H22V2.261Zm1.217.936h8.804v17.794h-8.804Zm-5.525.469c1.124 0 3.371.561 3.465 2.903H7.11c-.094-.469-.375-.656-.656-.656c-.375 0-.656.375-.656.656H2.989c0-2.154 2.341-2.903 3.465-2.903m-.281.281c-.655 0-1.173.222-1.735.597L6.174 5.82Zm.562 0V5.82l1.779-1.312c-.281-.187-.562-.281-.843-.374s-.655-.187-.936-.187m-2.622.842s-.241.209-.438.525a1.7 1.7 0 0 0-.278.888l2.308-.008l.031-.09l.056-.071l.114-.11Zm4.682 0L7.016 5.913l.094.094l.065.09l.028.097h2.341c0-.281-.114-.627-.274-.865a2.3 2.3 0 0 0-.475-.54M2.989 7.224h3.184v2.623H2.989Zm3.84 0h3.184v2.623H6.829Zm-3.653.188v2.247h2.81V7.412Zm3.84 0v2.247h2.809V7.412Zm-3.465.281h2.06v1.685h-2.06Zm3.84 0h2.06v1.685h-2.06Zm.187.177v1.312h1.687V7.87Zm-3.84.007v1.311h1.686V7.877Zm-.749 2.438h3.184v3.465H2.989Zm3.84 0h3.184v3.465H6.829Zm-3.653.187v3.091h2.81v-3.091Zm3.84 0v3.091h2.809v-3.091Zm-3.465.281h2.06v2.529h-2.06Zm3.84 0h2.06v2.529h-2.06Zm-3.653.094v2.247h1.686v-2.247Zm3.84 0v2.247h1.686v-2.247Zm-4.589 3.652h3.184v5.806H2.989Zm3.84 0h3.184v5.806H6.829Zm-3.582.143v5.432H5.87v-5.432Zm3.849.038v5.433h2.623v-5.432Zm-3.639.195h2.154v4.962H3.457Zm3.877 0h2.154v4.962H7.334Zm-3.626.178v4.589h1.686v-4.589Zm3.871.008v4.589h1.685v-4.589Z"/></svg>
How to use the Panel Frontdoor Open icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:panel-frontdoor-open" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:panel-frontdoor-open" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:panel-frontdoor-open" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--panel-frontdoor-open]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:panel-frontdoor-open"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:panel-frontdoor-open"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/panel-frontdoor-open.svg" alt="Panel Frontdoor Open icon" width="24" height="24">
Related icons in Custom Brand Icons
Panel Frontdoor Open icon FAQ
Is the Panel Frontdoor Open 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 Panel Frontdoor Open icon in React?
Install @iconify/react and render <Icon icon="cbi:panel-frontdoor-open" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Panel Frontdoor Open icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/panel-frontdoor-open.svg" alt="Panel Frontdoor Open icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
