أيقونة Patio Doors Open

cbi:patio-doors-open

أيقونة Patio Doors Open (cbi:patio-doors-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
الوسوم: patiodoors، doorsopen، patiodoorsopen، door

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m18.665 20.46l2.2.52h.02a.1.1 0 0 0 .054-.019a.1.1 0 0 0 .033-.068V3.022a.088.088 0 0 0-.107-.085l-2.2.52a.09.09 0 0 0-.067.085v16.833a.09.09 0 0 0 .067.085m.107-16.829v-.02l2.028-.479v.041l-2.013.475v.02l2.013-.475v8.65h.087a.015.015 0 0 1 .015.016a.015.015 0 0 1-.015.015h-.809v.208h.82v.011a.015.015 0 0 1-.015.016H20.8v.038h-.741a.016.016 0 0 1-.016-.016v.02a.016.016 0 0 0 .016.016h.741v8.613l-2.025-.479Zm2.967-1.569a.016.016 0 0 0-.016-.015H21.6l-3.14.733v-.318a.015.015 0 0 0-.015-.015H5.251a.016.016 0 0 0-.016.015v.319l-3.019-.694a.02.02 0 0 1 .011.014v19.793a.016.016 0 0 1-.016.016l3.019-.729v.474a.016.016 0 0 0 .016.016h13.199a.016.016 0 0 0 .015-.016v-.478l3.14.733h.123a.016.016 0 0 0 .016-.016v-.011l.089.029V2.044l-.089.03Zm-16.5 18.5l-2.568.593V2.762l2.568.632Zm12.754.482H5.706V2.947h12.283v18.1Zm3.119.151l-2.648-.633V3.394l2.648-.632Zm.6-18.653v19.336h-.089v-19.8h.089v.449Zm.159-.466v19.88H22V2.076ZM2.12 2.18v19.736h.088V2.151l-.088-.029Zm-.04-.04v19.776h.008v-19.8H2.08ZM2 2.26v19.656h.049V2.156H2Zm.892 18.702h.02l2.119-.52a.09.09 0 0 0 .067-.084V3.522a.09.09 0 0 0-.068-.085l-2.119-.48a.086.086 0 0 0-.106.085v17.833a.087.087 0 0 0 .087.087m0-9.108a.016.016 0 0 1-.016-.015a.016.016 0 0 1 .016-.016h.087V3.151l1.945.44v16.7l-1.945.478v-8.67h-.087a.016.016 0 0 1-.016-.016a.016.016 0 0 1 .016-.015h.864v-.209Z"/></svg>

كيفية استخدام أيقونة Patio Doors Open

React

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

<Icon icon="cbi:patio-doors-open" width="24" />

Vue

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

<template>
  <Icon icon="cbi:patio-doors-open" width="24" />
</template>

Svelte

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

<Icon icon="cbi:patio-doors-open" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--patio-doors-open]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:patio-doors-open"></div>

مكوّن ويب

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

<iconify-icon icon="cbi:patio-doors-open"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/cbi/patio-doors-open.svg" alt="أيقونة Patio Doors Open" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Patio Doors Open

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

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

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

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

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

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

تصفح كل Custom Brand Icons →