أيقونة Slider Vertical Minimalistic Outline

solar:slider-vertical-minimalistic-outline

أيقونة Slider Vertical Minimalistic Outline (solar:slider-vertical-minimalistic-outline) أيقونة 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
الفئة: الواجهة
الوسوم: slidervertical، verticalminimalistic، minimalisticoutline، sliderverticalminimalisticoutline

تنزيل 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="M11.9451 1.25H12.0549C13.4225 1.24998 14.5248 1.24996 15.3918 1.36652C16.2919 1.48754 17.0497 1.74643 17.6517 2.34835C18.2536 2.95027 18.5125 3.70814 18.6335 4.60825C18.75 5.47522 18.75 6.57754 18.75 7.94513V16.0549C18.75 17.4225 18.75 18.5248 18.6335 19.3918C18.5125 20.2919 18.2536 21.0497 17.6517 21.6517C17.0497 22.2536 16.2919 22.5125 15.3918 22.6335C14.5248 22.75 13.4225 22.75 12.0549 22.75H11.9451C10.5775 22.75 9.47522 22.75 8.60825 22.6335C7.70814 22.5125 6.95027 22.2536 6.34835 21.6517C5.74643 21.0497 5.48754 20.2919 5.36652 19.3918C5.24996 18.5248 5.24998 17.4225 5.25 16.0549V7.94513C5.24998 6.57754 5.24996 5.47522 5.36652 4.60825C5.48754 3.70814 5.74643 2.95027 6.34835 2.34835C6.95027 1.74643 7.70814 1.48754 8.60825 1.36652C9.47521 1.24996 10.5775 1.24998 11.9451 1.25ZM8.80812 2.85315C8.07435 2.9518 7.68577 3.13225 7.40901 3.40901C7.13225 3.68577 6.9518 4.07435 6.85315 4.80812C6.75159 5.56347 6.75 6.56459 6.75 8V16C6.75 17.4354 6.75159 18.4365 6.85315 19.1919C6.9518 19.9257 7.13225 20.3142 7.40901 20.591C7.68577 20.8678 8.07435 21.0482 8.80812 21.1469C9.56347 21.2484 10.5646 21.25 12 21.25C13.4354 21.25 14.4365 21.2484 15.1919 21.1469C15.9257 21.0482 16.3142 20.8678 16.591 20.591C16.8678 20.3142 17.0482 19.9257 17.1469 19.1919C17.2484 18.4365 17.25 17.4354 17.25 16V8C17.25 6.56459 17.2484 5.56347 17.1469 4.80812C17.0482 4.07435 16.8678 3.68577 16.591 3.40901C16.3142 3.13225 15.9257 2.9518 15.1919 2.85315C14.4365 2.75159 13.4354 2.75 12 2.75C10.5646 2.75 9.56347 2.75159 8.80812 2.85315Z" clip-rule="evenodd"/><path d="M21 3.75C21.4142 3.75 21.75 4.08579 21.75 4.5V19.5C21.75 19.9142 21.4142 20.25 21 20.25C20.5858 20.25 20.25 19.9142 20.25 19.5V4.5C20.25 4.08579 20.5858 3.75 21 3.75Z"/><path d="M2.25 4.5C2.25 4.08579 2.58579 3.75 3 3.75C3.41421 3.75 3.75 4.08579 3.75 4.5V19.5C3.75 19.9142 3.41421 20.25 3 20.25C2.58579 20.25 2.25 19.9142 2.25 19.5V4.5Z"/></g></svg>

كيفية استخدام أيقونة Slider Vertical Minimalistic Outline

React

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

<Icon icon="solar:slider-vertical-minimalistic-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:slider-vertical-minimalistic-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:slider-vertical-minimalistic-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--slider-vertical-minimalistic-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:slider-vertical-minimalistic-outline"></div>

مكوّن ويب

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

<iconify-icon icon="solar:slider-vertical-minimalistic-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/slider-vertical-minimalistic-outline.svg" alt="أيقونة Slider Vertical Minimalistic Outline" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Slider Vertical Minimalistic Outline

هل أيقونة Slider Vertical Minimalistic Outline مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Slider Vertical Minimalistic Outline في React؟

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

كيف أضيف أيقونة Slider Vertical Minimalistic Outline إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/solar/slider-vertical-minimalistic-outline.svg" alt="أيقونة Slider Vertical Minimalistic Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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