أيقونة Sidebar Close Bold Duotone

solar:sidebar-close-bold-duotone

أيقونة Sidebar Close Bold Duotone (solar:sidebar-close-bold-duotone) أيقونة SVG مجانية من مجموعة Solar من تصميم 480 Design. مرسومة على شبكة 24 × 24. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Solar
المؤلف: 480 Design
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الوسوم: sidebarclose، closebold، boldduotone، sidebarcloseboldduotone

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M3.17157 4.1716C2 5.34318 2 7.2288 2 11V13C2 16.7713 2 18.6569 3.17157 19.8285C4.34315 21 6.22876 21 10 21H14C14.0843 21 14.9176 21.0001 15 21.0001L15 3.00006C14.9176 3.00005 14.0843 3.00003 14 3.00003H10C6.22876 3.00003 4.34315 3.00003 3.17157 4.1716Z" clip-rule="evenodd" opacity=".5"/><path d="M15 3.00586C17.6358 3.03348 19.8538 3.19755 20.8281 4.17188C21.9996 5.34345 22 7.2288 22 11V13C22 16.7712 21.9996 18.6565 20.8281 19.8281C19.8538 20.8024 17.6358 20.9665 15 20.9941V3.00586Z"/><path d="M6.72848 8.43066C7.04292 8.16118 7.51652 8.19739 7.7861 8.51172L10.3574 11.5117C10.5981 11.7926 10.5981 12.2074 10.3574 12.4883L7.7861 15.4883C7.51652 15.8026 7.04292 15.8388 6.72848 15.5693C6.41413 15.2997 6.3779 14.8262 6.64742 14.5117L8.79977 12L6.64742 9.48828C6.3779 9.17384 6.41413 8.70025 6.72848 8.43066Z"/></g></svg>

كيفية استخدام أيقونة Sidebar Close Bold Duotone

React

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

<Icon icon="solar:sidebar-close-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:sidebar-close-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:sidebar-close-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sidebar-close-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sidebar-close-bold-duotone"></div>

مكوّن ويب

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

<iconify-icon icon="solar:sidebar-close-bold-duotone"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/sidebar-close-bold-duotone.svg" alt="أيقونة Sidebar Close Bold Duotone" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Sidebar Close Bold Duotone

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

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

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

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

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

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

تصفح كل أيقونات Solar →