outline
1. اللون
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة
مضمّنة في تصدير SVG
أيقونة SVG: Import
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Import - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
import.svg (٤٩٨ B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg id="i-import" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Import icon"><title>Import - Bytesize Icons icon</title><desc>Free Import vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 275 bytes.</desc>
<path d="M28 22 L28 30 4 30 4 22 M16 4 L16 24 M8 16 L16 24 24 16" />
</svg>
أمر ذكي ومحسّن المتجهات
تريد تحسين هذه الأيقونة أو تغيير نمطها؟ Import
أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. Import
منشئ أوامر يعمل بالكامل في المتصفح
التحقق من مصدر الأيقونة ورخصتها
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
كلمات مفتاحية
#import
#bytesize
#interface
#outline
Import - المواصفات التقنية للمتجه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Import
| المعرّف الأساسي للأصل | bytesize/import |
|---|---|
| حزمة المكتبة المصدر | Bytesize Icons |
| شبكة الإحداثيات و viewBox | viewBox="0 0 32 32" |
| الحجم غير المضغوط | ٤٩٨ bytes (~٢٧٤ bytes gzipped) |
| رخصة SPDX والاستخدام التجاري | MIT - مجاني للاستخدام التجاري |
| Upstream Source | https://github.com/danklammer/bytesize-icons |
| صيغ التصدير المدعومة | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| ضمان الأمان والخصوصية | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح |
كيف تستخدم هذه الأيقونة وتخصصها: Import
- خصّص بصرياً: اللون, تلقائي (خط وتعبئة), سماكة الخط (
0.5px-4px), إعدادات حركة متجهة مباشرة - نزّل المتجه أو الصورة: تحميل SVG, PNG (شفاف), WebP (محسّن) (
2048x2048 px) - انسخ كود الإطار: انسخ كوداً جاهزاً لـ React و Next.js و Vue 3 و Svelte و Angular و HTML وأقنعة CSS.
- تحرير متجه عميق: التحرير في محرر SVG (٧٧٬٠٨٧)
نصيحة الوصولية (WCAG 2.1): أخفِ الأيقونات الزخرفية بـ aria-hidden و focusable false. وأعطِ أزرار الأيقونة وحدها aria-label واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار.
import.svg aria-hidden="true" focusable="false"
المزيد في واجهات المستخدم (UI/UX)
تصفحduotone
Duotone Mouse Middle Click Duotone (Phosphor Icons)
Phosphor Icons|interfaceoutline
Trumpet (IconPark)
IconPark|interfaceduotone
Duotone Number Circle One Duotone (Phosphor Icons)
Phosphor Icons|interfaceoutline
مظلة
IconPark|interfaceduotone
Duotone Oven Duotone (Phosphor Icons)
Phosphor Icons|interface
Outlined Action Action Swap Vertical Circle (Material Icons)
Material Icons|interface
Outlined Action Action Terminal (Material Icons)
Material Icons|interface
Outline Clock Code (Tabler Icons)
Tabler Icons|interface
Waterpolo One (IconPark)
IconPark|interface
Outline Clock X (Tabler Icons)
Tabler Icons|interface
Hospitality Fork 15 (Domain Icons)
Domain Icons|interface
Legal Seal 02 (Domain Icons)
Domain Icons|interface
Outlined Communication Communication Screen Share (Material Icons)
Material Icons|interface
Logistics Forklift 06 (Domain Icons)
Domain Icons|interface
Filled 4 Circle Fill (Bootstrap Icons)
Bootstrap Icons|interface
Filled 9 Square Fill (Bootstrap Icons)
Bootstrap Icons|interface
Album 2 (MingCute Icons Fill)
MingCute Icons Fill|interface
نسخ
Ant Design TwoTone|interface
صندوق
Open Iconic|interface
Filled Aspect Ratio Fill (Bootstrap Icons)
Bootstrap Icons|interface
Outline App Window (Lucide)
Lucide|interface
عين
Ant Design TwoTone|interface
C (SVG Icons Collection)
SVG Icons Collection|interfaceاستكشف المزيد
الأسئلة الشائعة
Import - الأسئلة الشائعة
ما الترخيص الذي يغطي Import؟ +
يأتي Import من Bytesize Icons ويخضع لترخيص MIT. الإسناد: ذكر المصدر مطلوب.
بأي تنسيقات يمكنني تنزيل Import؟ +
Import متجه بنمط outline (viewBox 0 0 32 32). نزّل SVG أو PNG أو WebP أو ICO، أو انسخ كود React TSX أو Vue 3 أو Svelte أو Tailwind CSS أو CSS Mask أو Base64 من هذه الصفحة.
من أين يأتي رمز Import؟ +
Import جزء من مكتبة Bytesize Icons بواسطة Dan Klammer، في فئة واجهات المستخدم (UI/UX). النص الكامل للترخيص موجود في ملف إشعار المكتبة المرتبط في هذه الصفحة.
معالجة محلية 100% داخل المتصفح | ٧٧٬٠٨٧ أيقونة
محرر SVG
حرّر المسارات والطبقات والألوان والحركات في متصفحك، ثم صدّر SVG نظيفاً أو PNG أو كود أطر العمل.