أيقونة Horizontal Slider Square
streamline-plump:horizontal-slider-square
أيقونة Horizontal Slider Square (streamline-plump:horizontal-slider-square) أيقونة SVG مجانية من مجموعة Plump free icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Plump free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Plump free icons
- المؤلف
- Streamline
- الترخيص
- CC-BY-4.0
- الحجم
- 48 × 48
- الفئة
- أساسيات الواجهة
- الوسوم
- horizontalslider، slidersquare، horizontalslidersquare
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"><path d="M3.539 39.743c.208 2.555 2.163 4.51 4.718 4.718C11.485 44.723 16.636 45 24 45s12.515-.277 15.743-.539c2.555-.208 4.51-2.163 4.718-4.718C44.723 36.515 45 31.364 45 24s-.277-12.515-.539-15.743c-.208-2.555-2.163-4.51-4.718-4.718C36.515 3.277 31.364 3 24 3s-12.515.277-15.743.539c-2.555.208-4.51 2.163-4.718 4.718C3.277 11.485 3 16.636 3 24s.277 12.515.539 15.743M23 16h14M25 32H11m0-16h4m22 16h-4"/><path d="M19 12a4 4 0 1 0 0 8a4 4 0 1 0 0-8m10 24a4 4 0 1 0 0-8a4 4 0 1 0 0 8"/></g></svg>
كيفية استخدام أيقونة Horizontal Slider Square
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:horizontal-slider-square" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:horizontal-slider-square" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:horizontal-slider-square" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--horizontal-slider-square]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:horizontal-slider-square"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:horizontal-slider-square"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/horizontal-slider-square.svg" alt="أيقونة Horizontal Slider Square" width="24" height="24">
أيقونات ذات صلة في Plump free icons
أيقونة Horizontal Slider Square في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Horizontal Slider Square
هل أيقونة Horizontal Slider Square مجانية للاستخدام التجاري؟
نعم. تُنشر Plump free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Horizontal Slider Square في React؟
ثبّت @iconify/react واعرض <Icon icon="streamline-plump:horizontal-slider-square" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Horizontal Slider Square إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-plump/horizontal-slider-square.svg" alt="أيقونة Horizontal Slider Square">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل Plump free icons →
ICONYZ
