أيقونة Slider Vertical
reicon:slider-vertical
أيقونة Slider Vertical (reicon:slider-vertical) أيقونة SVG مجانية من مجموعة Reicon. مرسومة على شبكة 24 × 24. تُنشر Reicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M7 6h10c.62 0 1.17.02 1.66.09C21.29 6.38 22 7.62 22 11v2c0 3.38-.71 4.62-3.34 4.91c-.49.07-1.04.09-1.66.09H7c-.62 0-1.17-.02-1.66-.09C2.71 17.62 2 16.38 2 13v-2c0-3.38.71-4.62 3.34-4.91C5.83 6.02 6.38 6 7 6"/><path d="M17 18c.62 0 1.17-.02 1.66-.09c.01.14.01.27.01.42v.34c0 2.66-.67 3.33-3.34 3.33H8.67c-2.67 0-3.34-.67-3.34-3.33v-.34c0-.15 0-.28.01-.42c.49.07 1.04.09 1.66.09zM8.67 2h6.66c2.67 0 3.34.67 3.34 3.33v.34c0 .15 0 .28-.01.42C18.17 6.02 17.62 6 17 6H7c-.62 0-1.17.02-1.66.09c-.01-.14-.01-.27-.01-.42v-.34C5.33 2.67 6 2 8.67 2"/></g></svg>كيفية استخدام أيقونة Slider Vertical
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:slider-vertical" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:slider-vertical" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:slider-vertical" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--slider-vertical]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:slider-vertical"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:slider-vertical"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/reicon/slider-vertical.svg" alt="أيقونة Slider Vertical" width="24" height="24">أيقونات ذات صلة في Reicon
slider
slider-filled
slider-h
slider-h-filled
slider-h2
slider-h2-duotone
slider-h2-filled
slider-horizontal
slider-horizontal-duotone
slider-horizontal-filled
slider-horizontal2
slider-horizontal2-filled
slider-v
slider-v-filled
slider-v2
slider-v2-duotone
slider-v2-filled
slider-vertical-duotone
slider-vertical-filled
slider-vertical2
slider-vertical2-filled
sliders
sliders-filled
أيقونة Slider Vertical في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Slider Vertical
هل أيقونة Slider Vertical مجانية للاستخدام التجاري؟
نعم. تُنشر Reicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Slider Vertical في React؟
ثبّت @iconify/react واعرض <Icon icon="reicon:slider-vertical" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Slider Vertical إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/reicon/slider-vertical.svg" alt="أيقونة Slider Vertical">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.