ICONYZ
العربية
أيقونة Sliding Window Door Open من Custom Brand Icons

أيقونة Sliding Window Door Open

cbi:sliding-window-door-open

أيقونة Sliding Window Door Open (cbi:sliding-window-door-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
الوسوم
slidingwindow، windowdoor، dooropen، slidingwindowdooropen
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m3.107 2.613l.691 16.324L19.806 22l.613-20Zm1.317.272l.635 15.32l4.154.707v.133l-4.338-.751l-.592-15.405Zm15.017 18.779L4.026 18.7L3.374 2.889h.158l.662 15.732l6.65 1.245l8.626 1.61Zm0-.287l-8.479-1.59l.095-.06l-6.587-1.245l-.672-15.573h.267l.652 15.465l4.496.79v.049l2.085.396v.128l7.985 1.463l.533-18.469l-8.636.227l-2.204.082l.228 15.729l-3.976-.654l-.639-15.236l15.415-.533Zm-8.162-2.381l-1.384-.227l-.28-15.088l1.565-.031l.059 7.382v8.349l-1.779-.316l-.247-15.374l.181-.008l.274 15.254l1.63.267Zm5.34-15.433l-.271 16.224h.267l.409-16.497l.211-.008l-.393 16.584h.138l.496-16.594l2.073-.047l-.484 17.224L12 19.213V3.403h.188l.016.223Zm2.456 17.044v.187l-7.49-1.343l-.099-16.097h.218l.088 15.948ZM11.19 3.63l.049 7.402Zm0 0l.049 7.402ZM4.174 18.621h-.01ZM20.893 2.168l-.207-.079l-.613 19.565l.188-.277Zm0-.01l-.207-.079l-.613 19.555l.188-.266Z"/></svg>

كيفية استخدام أيقونة Sliding Window Door Open

React

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

<Icon icon="cbi:sliding-window-door-open" width="24" />

Vue

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

<template>
  <Icon icon="cbi:sliding-window-door-open" width="24" />
</template>

Svelte

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

<Icon icon="cbi:sliding-window-door-open" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--sliding-window-door-open]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="cbi:sliding-window-door-open"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/cbi/sliding-window-door-open.svg" alt="أيقونة Sliding Window Door Open" width="24" height="24">

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

أيقونة sliding-barndoor-closed
sliding-barndoor-closed
 أيقونة sliding-barndoor-open
sliding-barndoor-open
 أيقونة sliding-window-door-close
sliding-window-door-close

الأسئلة الشائعة حول أيقونة Sliding Window Door Open

هل أيقونة Sliding Window Door Open مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Sliding Window Door Open في React؟

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

كيف أضيف أيقونة Sliding Window Door Open إلى صفحة ويب؟

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

تصفح كل Custom Brand Icons →