outline
outline
MIT
2 عقدة متجهة
1. اللون
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة
مضمّنة في تصدير SVG
صورة - أيقونات متجهة وثلاثية الأبعاد
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. صورة - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
bootstrap-regular-image.svg (619 B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-image" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Image icon"><title>Image - Bootstrap Icons icon</title><desc>Free Image vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/> <path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1z"/> </svg>
أمر ذكي ومحسّن المتجهات
تريد تحسين هذه الأيقونة أو تغيير نمطها؟ صورة
أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. صورة
منشئ أوامر يعمل بالكامل في المتصفح
التحقق من مصدر الأيقونة ورخصتها
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
كلمات مفتاحية
#bootstrap
#regular
#image
#interface
#outline
#صورة svg
#صورة icon
#صورة bootstrap icons
#صورة react tsx
#صورة vue
#صورة png
شائع بلغتك
تحميل أيقونات svg مجانا
أيقونات متجهة مجانية
محول svg إلى png
محرر أيقونات svg أونلاين
أيقونات ثلاثية الأبعاد 3d
تصدير كود react و vue
ضغط ملفات svg
أيقونات للاستخدام التجاري
مكتبة أيقونات SVG
أفضل حزمة أيقونات مجانية
صورة - المواصفات التقنية للمتجه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. صورة
| المعرّف الأساسي للأصل | bootstrap/bootstrap-regular-image |
|---|---|
| حزمة المكتبة المصدر | Bootstrap Icons |
| شبكة الإحداثيات و viewBox | viewBox="0 0 16 16" |
| الحجم غير المضغوط | 619 bytes (~340 bytes gzipped) |
| رخصة SPDX والاستخدام التجاري | MIT - مجاني للاستخدام التجاري |
| صيغ التصدير المدعومة | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| ضمان الأمان والخصوصية | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح |
كيف تستخدم هذه الأيقونة وتخصصها: صورة
- خصّص بصرياً: اللون, تلقائي (خط وتعبئة), سماكة الخط (
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 واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار.
bootstrap-regular-image.svg aria-hidden="true" focusable="false"
المزيد في واجهات المستخدم (UI/UX)
تصفح
outline
Outline Rewind Backward 30 (Tabler Icons)
Tabler Icons|interface
outline
Round Device Device Hdr On Select (Material Icons)
Material Icons|interface
outline
Light Fish Simple Light (Phosphor Icons)
Phosphor Icons|interface
outline
Outline Rewind Backward 40 (Tabler Icons)
Tabler Icons|interface
outline
Round Device Device Lan (Material Icons)
Material Icons|interface
Outline Rewind Backward 50 (Tabler Icons)
Tabler Icons|interface
Round Device Device Lens Blur (Material Icons)
Material Icons|interface
Outline Rewind Backward 60 (Tabler Icons)
Tabler Icons|interface
Round Device Device Light Mode (Material Icons)
Material Icons|interface
Outline Rewind Forward 5 (Tabler Icons)
Tabler Icons|interface
Round Device Device Location Disabled (Material Icons)
Material Icons|interfaceاستكشف المزيد
الأسئلة الشائعة
صورة - الأسئلة الشائعة
هل أيقونة صورة مجانية للاستخدام التجاري؟ +
نعم، أيقونة صورة من مكتبة Bootstrap Icons متاحة بترخيص MIT، ويمكنك استخدامها مجاناً في المواقع والتطبيقات والمشاريع التجارية.
هل تحافظ أيقونة صورة على ألوانها الأصلية عند التحميل؟ +
نعم، عند تحميل أيقونة صورة يتم الحفاظ على ألوانها الأصلية تماماً إلا إذا قمت باختيار لون مخصص من المحرر المباشر.
كيف أستخدم أيقونة صورة في مشاريع React أو Vue؟ +
انتقل إلى تبويب React TSX أو Vue 3 في هذه الصفحة وانقر على Copy SVG. الصق المكوّن في مشروعك ونسّقه بـ CSS أو Tailwind.
هل يمكن تحميل أيقونة صورة كصورة PNG شفافة؟ +
نعم، اختر المقاس المطلوب حتى 1024 بكسل واضغط على زر تحميل PNG للحصول على صورة شفافة عالية الدقة.
كيف أحرك أيقونة صورة باستخدام CSS؟ +
اضغط على أي زر حركة في المحرر المباشر مثل دوران أو نبض ليتم تضمين كود الحركة تلقائياً داخل ملف SVG.
كيف أحصل على أمر ذكاء اصطناعي لتصميم أيقونة مشابهة لـ صورة؟ +
استخدم قسم مولد أوامر الذكاء الاصطناعي في هذه الصفحة لنسخ وصف دقيق لأيقونة صورة بأنماط ثلاثية الأبعاد أو زجاجية.
هل يمكنني تغيير حجم أيقونة صورة دون فقدان الجودة؟ +
نعم. ملف صورة متجه بـ viewBox قابل للتوسيع، لذا يبقى واضحاً عند 16 أو 64 أو 512 بكسل أو أي مقاس طباعة.
أين أبلّغ عن مشكلة في ملف أيقونة صورة؟ +
راسل support@svgnexus.com مع رابط الأيقونة. وأسئلة الرخصة أو الإزالة بخصوص صورة ترسل إلى legal@svgnexus.com.
معالجة محلية 100% داخل المتصفح | 76,166 أيقونة
محرر SVG
حرّر المسارات والطبقات والألوان والحركات في متصفحك، ثم صدّر SVG نظيفاً أو PNG أو كود أطر العمل.