ICONYZ
العربية
أيقونة Window Sidebar من coolicons

أيقونة Window Sidebar

ci:window-sidebar

أيقونة Window Sidebar (ci:window-sidebar) أيقونة SVG مجانية من مجموعة coolicons من تصميم Kryston Schwarze. مرسومة على شبكة 24 × 24. تُنشر coolicons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
coolicons
المؤلف
Kryston Schwarze
الترخيص
CC-BY-4.0
الحجم
24 × 24
الفئة
النظام
الوسوم
windowsidebar
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6h.02m0 0H9M3.02 6C3 6.314 3 6.702 3 7.2v9.6c0 1.12 0 1.68.218 2.107c.192.377.497.683.874.875c.427.218.987.218 2.105.218H9M3.02 6c.023-.392.077-.67.198-.908c.192-.377.497-.682.874-.874C4.52 4 5.08 4 6.2 4h11.6c1.12 0 1.68 0 2.107.218c.377.192.683.497.875.874c.121.237.175.516.199.908M9 6h11.98M9 6v14M20.98 6H21m-.02 0c.02.314.02.7.02 1.197v9.606c0 1.118 0 1.677-.218 2.104a2 2 0 0 1-.875.875c-.427.218-.986.218-2.104.218H9"/></svg>

كيفية استخدام أيقونة Window Sidebar

React

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

<Icon icon="ci:window-sidebar" width="24" />

Vue

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

<template>
  <Icon icon="ci:window-sidebar" width="24" />
</template>

Svelte

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

<Icon icon="ci:window-sidebar" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ci--window-sidebar]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ci -->
<div class="i-ci:window-sidebar"></div>

مكوّن ويب

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

<iconify-icon icon="ci:window-sidebar"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ci/window-sidebar.svg" alt="أيقونة Window Sidebar" width="24" height="24">

أيقونات ذات صلة في coolicons

أيقونة window
window
 أيقونة window-check
window-check
 أيقونة window-close
window-close
 أيقونة window-code-block
window-code-block
 أيقونة window-terminal
window-terminal

أيقونة Window Sidebar في مجموعات أخرى

أيقونة Window Sidebar من Bootstrap Icons
Bootstrap Icons

الأسئلة الشائعة حول أيقونة Window Sidebar

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

نعم. تُنشر coolicons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

تصفح كل coolicons →