أيقونة Color Slide

arcticons:color-slide

أيقونة Color Slide (arcticons:color-slide) أيقونة SVG مجانية من مجموعة Arcticons من تصميم Donnnno. مرسومة على شبكة 48 × 48. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Arcticons
المؤلف: Donnnno
الترخيص: CC-BY-SA-4.0
الحجم: 48 × 48
الوسوم: colorslide

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.041 3h-8.082l-4.042 7l4.042 7h8.082l4.042-7zm0 28h-8.082l-4.042 7l4.042 7h8.082l4.042-7z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.917 10H7.834l-4.041 7l4.041 7h8.083l4.042-7zm24.249 0h-8.083l-4.042 7l4.042 7h8.083l4.041-7z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.041 17h-8.082l-4.042 7l4.042 7h8.082l4.042-7z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.917 24H7.834l-4.041 7l4.041 7h8.083l4.042-7zm24.249 0h-8.083l-4.042 7l4.042 7h8.083l4.041-7z"/></svg>

كيفية استخدام أيقونة Color Slide

React

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

<Icon icon="arcticons:color-slide" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:color-slide" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:color-slide" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--color-slide]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:color-slide"></div>

مكوّن ويب

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

<iconify-icon icon="arcticons:color-slide"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/arcticons/color-slide.svg" alt="أيقونة Color Slide" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Color Slide

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

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

كيف أستخدم أيقونة Color Slide في React؟

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

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

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

تصفح كل Arcticons →