solid
outline
Apache-2.0
7 عقدة متجهة
1. اللون
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة
مضمّنة في تصدير SVG
Sunshade - أيقونات متجهة وثلاثية الأبعاد
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Sunshade - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
sunshade.svg (1,512 B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Sunshade icon"><title>Sunshade - IconPark icon</title><desc>Free Sunshade vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M40.1032 25.8171C39.2068 28.0998 30.4308 28.8255 21.3618 26.3955C12.2929 23.9655 6.5828 19.5523 7.2617 17.0172C8.79543 11.2933 16.9744 2.46226 28.6712 6.68869C40.368 10.9151 41.6369 20.0931 40.1032 25.8171Z" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M27.9995 7.00001C27.9995 7.00001 23.9993 13.5 20.9995 24C17.9997 34.5 17.9997 42 17.9997 42" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M28.0003 6.99998C28.0003 6.99998 17.7941 8.84351 15 17" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M28.0003 7.00001C28.0003 7.00001 34 13 30.9998 22" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 43C10 43 19 41.5 26 41.5C33 41.5 39 42 39 42" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M27.9999 6.99988C29 6.99988 31 5.99988 31.8145 4.41966" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34 41C34 39.3431 33 37 30 37C27 37 26 39.3431 26 41" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
أمر ذكي ومحسّن المتجهات
تريد تحسين هذه الأيقونة أو تغيير نمطها؟ Sunshade
أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. Sunshade
منشئ أوامر يعمل بالكامل في المتصفح
التحقق من مصدر الأيقونة ورخصتها
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
كلمات مفتاحية
#sunshade
#iconpark
#interface
#outline
#sunshade svg
#sunshade icon
#sunshade iconpark
#sunshade react tsx
#sunshade vue
#sunshade png
شائع بلغتك
تحميل أيقونات svg مجانا
أيقونات متجهة مجانية
محول svg إلى png
محرر أيقونات svg أونلاين
أيقونات ثلاثية الأبعاد 3d
تصدير كود react و vue
ضغط ملفات svg
أيقونات للاستخدام التجاري
مكتبة أيقونات SVG
أفضل حزمة أيقونات مجانية
Sunshade - المواصفات التقنية للمتجه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Sunshade
| المعرّف الأساسي للأصل | iconpark/sunshade |
|---|---|
| حزمة المكتبة المصدر | IconPark |
| شبكة الإحداثيات و viewBox | viewBox="0 0 48 48" |
| الحجم غير المضغوط | 1,512 bytes (~832 bytes gzipped) |
| رخصة SPDX والاستخدام التجاري | Apache-2.0 - مجاني للاستخدام التجاري |
| صيغ التصدير المدعومة | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| ضمان الأمان والخصوصية | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح |
كيف تستخدم هذه الأيقونة وتخصصها: Sunshade
- خصّص بصرياً: اللون, تلقائي (خط وتعبئة), سماكة الخط (
0.5px-4px), إعدادات حركة متجهة مباشرة - نزّل المتجه أو الصورة: تحميل SVG, PNG (شفاف), WebP (محسّن) (
2048x2048 px) - انسخ كود الإطار: انسخ كوداً جاهزاً لـ React و Next.js و Vue 3 و Svelte و Angular و HTML وأقنعة CSS.
- تحرير متجه عميق: التحرير في محرر SVG (76,166)
نصيحة الوصولية (WCAG 2.1): أخفِ الأيقونات الزخرفية بـ aria-hidden و focusable false. وأعطِ أزرار الأيقونة وحدها aria-label واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار.
sunshade.svg aria-hidden="true" focusable="false"
المزيد في واجهات المستخدم (UI/UX)
تصفح
outline
Accessibility Wheelchair 08 (Domain Icons)
Domain Icons|interface
solid
16px Solid Clipboard (Heroicons)
Heroicons|interface
outline
Apple (IconPark)
IconPark|interface
outline
Outline Badge Percent (Lucide)
Lucide|interface
solid
Filled Action Action Done Outline (Material Icons)
Material Icons|interface
بنك
MingCute Icons|interface
بنك
MingCute Icons Fill|interface
Cursor Trident Poseidon (copy) (Mouse)
Mouse|interface
سماعات رأس
Open Iconic|interface
Bold Arrows Clockwise Bold (Phosphor Icons)
Phosphor Icons|interface
Ea (SVG Icons Collection)
SVG Icons Collection|interfaceاستكشف المزيد
الأسئلة الشائعة
Sunshade - الأسئلة الشائعة
هل أيقونة Sunshade مجانية للاستخدام التجاري؟ +
نعم، أيقونة Sunshade من مكتبة IconPark متاحة بترخيص Apache-2.0، ويمكنك استخدامها مجاناً في المواقع والتطبيقات والمشاريع التجارية.
هل تحافظ أيقونة Sunshade على ألوانها الأصلية عند التحميل؟ +
نعم، عند تحميل أيقونة Sunshade يتم الحفاظ على ألوانها الأصلية تماماً إلا إذا قمت باختيار لون مخصص من المحرر المباشر.
كيف أستخدم أيقونة Sunshade في مشاريع React أو Vue؟ +
انتقل إلى تبويب React TSX أو Vue 3 في هذه الصفحة وانقر على Copy SVG. الصق المكوّن في مشروعك ونسّقه بـ CSS أو Tailwind.
هل يمكن تحميل أيقونة Sunshade كصورة PNG شفافة؟ +
نعم، اختر المقاس المطلوب حتى 1024 بكسل واضغط على زر تحميل PNG للحصول على صورة شفافة عالية الدقة.
كيف أحرك أيقونة Sunshade باستخدام CSS؟ +
اضغط على أي زر حركة في المحرر المباشر مثل دوران أو نبض ليتم تضمين كود الحركة تلقائياً داخل ملف SVG.
كيف أحصل على أمر ذكاء اصطناعي لتصميم أيقونة مشابهة لـ Sunshade؟ +
استخدم قسم مولد أوامر الذكاء الاصطناعي في هذه الصفحة لنسخ وصف دقيق لأيقونة Sunshade بأنماط ثلاثية الأبعاد أو زجاجية.
هل يمكنني تغيير حجم أيقونة Sunshade دون فقدان الجودة؟ +
نعم. ملف Sunshade متجه بـ viewBox قابل للتوسيع، لذا يبقى واضحاً عند 16 أو 64 أو 512 بكسل أو أي مقاس طباعة.
أين أبلّغ عن مشكلة في ملف أيقونة Sunshade؟ +
راسل support@svgnexus.com مع رابط الأيقونة. وأسئلة الرخصة أو الإزالة بخصوص Sunshade ترسل إلى legal@svgnexus.com.
معالجة محلية 100% داخل المتصفح | 76,166 أيقونة
محرر SVG
حرّر المسارات والطبقات والألوان والحركات في متصفحك، ثم صدّر SVG نظيفاً أو PNG أو كود أطر العمل.