outline
outline
Apache-2.0
6 عقدة متجهة
1. اللون
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة
مضمّنة في تصدير SVG
Source Code - أيقونات متجهة وثلاثية الأبعاد
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Source Code - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
source-code.svg (1,034 B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Source Code icon"><title>Source Code - IconPark icon</title><desc>Free Source Code vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M23 40H7C5.34315 40 4 38.6569 4 37V11C4 9.34315 5.34315 8 7 8H41C42.6569 8 44 9.34315 44 11V25.8824" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 11C4 9.34315 5.34315 8 7 8H41C42.6569 8 44 9.34315 44 11V20H4V11Z" fill="#2F88FF" stroke="black" stroke-width="4"/> <path d="M34 33L30 37L34 41" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M40 33L44 37L40 41" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <circle r="2" transform="matrix(-1.31134e-07 -1 -1 1.31134e-07 10 14)" fill="white"/> <circle r="2" transform="matrix(-1.31134e-07 -1 -1 1.31134e-07 16 14)" fill="white"/> </svg>
أمر ذكي ومحسّن المتجهات
تريد تحسين هذه الأيقونة أو تغيير نمطها؟ Source Code
أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. Source Code
منشئ أوامر يعمل بالكامل في المتصفح
التحقق من مصدر الأيقونة ورخصتها
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
كلمات مفتاحية
#source
#code
#iconpark
#interface
#outline
#source code svg
#source code icon
#source code iconpark
#source code react tsx
#source code vue
#source code png
شائع بلغتك
تحميل أيقونات svg مجانا
أيقونات متجهة مجانية
محول svg إلى png
محرر أيقونات svg أونلاين
أيقونات ثلاثية الأبعاد 3d
تصدير كود react و vue
ضغط ملفات svg
أيقونات للاستخدام التجاري
مكتبة أيقونات SVG
أفضل حزمة أيقونات مجانية
Source Code - المواصفات التقنية للمتجه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Source Code
| المعرّف الأساسي للأصل | iconpark/source-code |
|---|---|
| حزمة المكتبة المصدر | IconPark |
| شبكة الإحداثيات و viewBox | viewBox="0 0 48 48" |
| الحجم غير المضغوط | 1,034 bytes (~569 bytes gzipped) |
| رخصة SPDX والاستخدام التجاري | Apache-2.0 - مجاني للاستخدام التجاري |
| صيغ التصدير المدعومة | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| ضمان الأمان والخصوصية | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح |
كيف تستخدم هذه الأيقونة وتخصصها: Source Code
- خصّص بصرياً: اللون, تلقائي (خط وتعبئة), سماكة الخط (
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 واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار.
source-code.svg aria-hidden="true" focusable="false"
المزيد في واجهات المستخدم (UI/UX)
تصفح
outline
Bold Trademark Bold (Phosphor Icons)
Phosphor Icons|interface
outline
Outline Artboard Off (Tabler Icons)
Tabler Icons|interface
outline
Layout Three (IconPark)
IconPark|interface
outline
Outline Screen Share (Lucide)
Lucide|interface
outline
Stop (MingCute Icons)
MingCute Icons|interface
Stop (MingCute Icons Fill)
MingCute Icons Fill|interface
Bold Trademark Registered Bold (Phosphor Icons)
Phosphor Icons|interface
Outline Artboard (Tabler Icons)
Tabler Icons|interface
Layout Two (IconPark)
IconPark|interface
Outline Scroll Text (Lucide)
Lucide|interface
Stopwatch 2 Off (MingCute Icons)
MingCute Icons|interfaceاستكشف المزيد
الأسئلة الشائعة
Source Code - الأسئلة الشائعة
هل أيقونة Source Code مجانية للاستخدام التجاري؟ +
نعم، أيقونة Source Code من مكتبة IconPark متاحة بترخيص Apache-2.0، ويمكنك استخدامها مجاناً في المواقع والتطبيقات والمشاريع التجارية.
هل تحافظ أيقونة Source Code على ألوانها الأصلية عند التحميل؟ +
نعم، عند تحميل أيقونة Source Code يتم الحفاظ على ألوانها الأصلية تماماً إلا إذا قمت باختيار لون مخصص من المحرر المباشر.
كيف أستخدم أيقونة Source Code في مشاريع React أو Vue؟ +
انتقل إلى تبويب React TSX أو Vue 3 في هذه الصفحة وانقر على Copy SVG. الصق المكوّن في مشروعك ونسّقه بـ CSS أو Tailwind.
هل يمكن تحميل أيقونة Source Code كصورة PNG شفافة؟ +
نعم، اختر المقاس المطلوب حتى 1024 بكسل واضغط على زر تحميل PNG للحصول على صورة شفافة عالية الدقة.
كيف أحرك أيقونة Source Code باستخدام CSS؟ +
اضغط على أي زر حركة في المحرر المباشر مثل دوران أو نبض ليتم تضمين كود الحركة تلقائياً داخل ملف SVG.
كيف أحصل على أمر ذكاء اصطناعي لتصميم أيقونة مشابهة لـ Source Code؟ +
استخدم قسم مولد أوامر الذكاء الاصطناعي في هذه الصفحة لنسخ وصف دقيق لأيقونة Source Code بأنماط ثلاثية الأبعاد أو زجاجية.
هل يمكنني تغيير حجم أيقونة Source Code دون فقدان الجودة؟ +
نعم. ملف Source Code متجه بـ viewBox قابل للتوسيع، لذا يبقى واضحاً عند 16 أو 64 أو 512 بكسل أو أي مقاس طباعة.
أين أبلّغ عن مشكلة في ملف أيقونة Source Code؟ +
راسل support@svgnexus.com مع رابط الأيقونة. وأسئلة الرخصة أو الإزالة بخصوص Source Code ترسل إلى legal@svgnexus.com.
معالجة محلية 100% داخل المتصفح | 76,166 أيقونة
محرر SVG
حرّر المسارات والطبقات والألوان والحركات في متصفحك، ثم صدّر SVG نظيفاً أو PNG أو كود أطر العمل.