أيقونة Panel Frontdoor Open

cbi:panel-frontdoor-open

أيقونة Panel Frontdoor Open (cbi:panel-frontdoor-open) أيقونة 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
الوسوم: panelfrontdoor، frontdooropen، panelfrontdooropen

تنزيل SVG

شيفرة SVG

<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>

كيفية استخدام أيقونة Panel Frontdoor Open

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>

مكوّن ويب

<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

<img src="https://iconyz.com/api/public/svg/cbi/panel-frontdoor-open.svg" alt="أيقونة Panel Frontdoor Open" width="24" height="24">

أيقونات ذات صلة في Custom Brand Icons

الأسئلة الشائعة حول أيقونة Panel Frontdoor Open

هل أيقونة Panel Frontdoor Open مجانية للاستخدام التجاري؟

لا. تستخدم Custom Brand Icons ترخيص CC BY-NC-SA 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف.

كيف أستخدم أيقونة Panel Frontdoor Open في React؟

ثبّت @iconify/react واعرض <Icon icon="cbi:panel-frontdoor-open" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Panel Frontdoor Open إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/cbi/panel-frontdoor-open.svg" alt="أيقونة Panel Frontdoor Open">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Custom Brand Icons →