solid
outline
MIT
5 عقدة متجهة
1. اللون
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة
مضمّنة في تصدير SVG
QR Code - أيقونات متجهة وثلاثية الأبعاد
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. QR Code - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
bootstrap-regular-qr-code.svg (768 B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-qr-code" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="QR Code icon"><title>QR Code - Bootstrap Icons icon</title><desc>Free QR Code vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M2 2h2v2H2z"/> <path d="M6 0v6H0V0zM5 1H1v4h4zM4 12H2v2h2z"/> <path d="M6 10v6H0v-6zm-5 1v4h4v-4zm11-9h2v2h-2z"/> <path d="M10 0v6h6V0zm5 1v4h-4V1zM8 1V0h1v2H8v2H7V1zm0 5V4h1v2zM6 8V7h1V6h1v2h1V7h5v1h-4v1H7V8zm0 0v1H2V8H1v1H0V7h3v1zm10 1h-1V7h1zm-1 0h-1v2h2v-1h-1zm-4 0h2v1h-1v1h-1zm2 3v-1h-1v1h-1v1H9v1h3v-2zm0 0h3v1h-2v1h-1zm-4-1v1h1v-2H7v1z"/> <path d="M7 12h1v3h4v1H7zm9 2v2h-3v-1h2v-1z"/> </svg>
أمر ذكي ومحسّن المتجهات
تريد تحسين هذه الأيقونة أو تغيير نمطها؟ QR Code
أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. QR Code
منشئ أوامر يعمل بالكامل في المتصفح
التحقق من مصدر الأيقونة ورخصتها
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
كلمات مفتاحية
#bootstrap
#regular
#qr
#code
#interface
#outline
#qr code svg
#qr code icon
#qr code bootstrap icons
#qr code react tsx
#qr code vue
#qr code png
شائع بلغتك
تحميل أيقونات svg مجانا
أيقونات متجهة مجانية
محول svg إلى png
محرر أيقونات svg أونلاين
أيقونات ثلاثية الأبعاد 3d
تصدير كود react و vue
ضغط ملفات svg
أيقونات للاستخدام التجاري
مكتبة أيقونات SVG
أفضل حزمة أيقونات مجانية
QR Code - المواصفات التقنية للمتجه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. QR Code
| المعرّف الأساسي للأصل | bootstrap/bootstrap-regular-qr-code |
|---|---|
| حزمة المكتبة المصدر | Bootstrap Icons |
| شبكة الإحداثيات و viewBox | viewBox="0 0 16 16" |
| الحجم غير المضغوط | 768 bytes (~422 bytes gzipped) |
| رخصة SPDX والاستخدام التجاري | MIT - مجاني للاستخدام التجاري |
| صيغ التصدير المدعومة | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| ضمان الأمان والخصوصية | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح |
كيف تستخدم هذه الأيقونة وتخصصها: QR 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 واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار.
bootstrap-regular-qr-code.svg aria-hidden="true" focusable="false"
المزيد في واجهات المستخدم (UI/UX)
تصفح
outline
Chair One (IconPark)
IconPark|interface
solid
Filled Action Action Swipe (Material Icons)
Material Icons|interface
outline
Components (MingCute Icons)
MingCute Icons|interface
solid
Components (MingCute Icons Fill)
MingCute Icons Fill|interface
outline
Cursor Drag (Mouse)
Mouse|interface
Bold Closed Captioning Bold (Phosphor Icons)
Phosphor Icons|interface
React (SVG Icons Collection)
SVG Icons Collection|interface
Filled Contrast (Tabler Icons)
Tabler Icons|interface
Filled Funnel Fill (Bootstrap Icons)
Bootstrap Icons|interface
Chair (IconPark)
IconPark|interface
Outline Circle Dashed Check (Lucide)
Lucide|interfaceاستكشف المزيد
الأسئلة الشائعة
QR Code - الأسئلة الشائعة
هل أيقونة QR Code مجانية للاستخدام التجاري؟ +
نعم، أيقونة QR Code من مكتبة Bootstrap Icons متاحة بترخيص MIT، ويمكنك استخدامها مجاناً في المواقع والتطبيقات والمشاريع التجارية.
هل تحافظ أيقونة QR Code على ألوانها الأصلية عند التحميل؟ +
نعم، عند تحميل أيقونة QR Code يتم الحفاظ على ألوانها الأصلية تماماً إلا إذا قمت باختيار لون مخصص من المحرر المباشر.
كيف أستخدم أيقونة QR Code في مشاريع React أو Vue؟ +
انتقل إلى تبويب React TSX أو Vue 3 في هذه الصفحة وانقر على Copy SVG. الصق المكوّن في مشروعك ونسّقه بـ CSS أو Tailwind.
هل يمكن تحميل أيقونة QR Code كصورة PNG شفافة؟ +
نعم، اختر المقاس المطلوب حتى 1024 بكسل واضغط على زر تحميل PNG للحصول على صورة شفافة عالية الدقة.
كيف أحرك أيقونة QR Code باستخدام CSS؟ +
اضغط على أي زر حركة في المحرر المباشر مثل دوران أو نبض ليتم تضمين كود الحركة تلقائياً داخل ملف SVG.
كيف أحصل على أمر ذكاء اصطناعي لتصميم أيقونة مشابهة لـ QR Code؟ +
استخدم قسم مولد أوامر الذكاء الاصطناعي في هذه الصفحة لنسخ وصف دقيق لأيقونة QR Code بأنماط ثلاثية الأبعاد أو زجاجية.
هل يمكنني تغيير حجم أيقونة QR Code دون فقدان الجودة؟ +
نعم. ملف QR Code متجه بـ viewBox قابل للتوسيع، لذا يبقى واضحاً عند 16 أو 64 أو 512 بكسل أو أي مقاس طباعة.
أين أبلّغ عن مشكلة في ملف أيقونة QR Code؟ +
راسل support@svgnexus.com مع رابط الأيقونة. وأسئلة الرخصة أو الإزالة بخصوص QR Code ترسل إلى legal@svgnexus.com.
معالجة محلية 100% داخل المتصفح | 76,166 أيقونة
محرر SVG
حرّر المسارات والطبقات والألوان والحركات في متصفحك، ثم صدّر SVG نظيفاً أو PNG أو كود أطر العمل.