انتقل إلى المحتوى
SVG Nexus أيقونات متجهة وثلاثية الأبعاد
3d MIT 9 عقدة متجهة
Fast Reverse Button - Fluent UI Emoji iconFree Fast Reverse Button vector icon from the Fluent UI Emoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px ثابتة
1. اللون

يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.

2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة مضمّنة في تصدير SVG
التحرير في محرر SVG افتح استوديو المتجهات
Fluent UI Emoji | أيقونات ثلاثية الأبعاد (3D) | viewBox="0 0 32 32" | مجاني للاستخدام التجاري

Fast Reverse Button - أيقونات متجهة وثلاثية الأبعاد

المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Fast Reverse Button - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح

تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً. fluentui-emoji-fast-reverse-button.svg (6,568 B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية 
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Fast Reverse Button icon"><title>Fast Reverse Button - Fluent UI Emoji icon</title><desc>Free Fast Reverse Button vector icon from the Fluent UI Emoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<g filter="url(#nx12186_filter0_ii_18590_1433)">
<rect x="2.50034" y="2.0625" width="27.875" height="27.875" rx="3.6" fill="url(#nx12186_paint0_linear_18590_1433)"/>
<rect x="2.50034" y="2.0625" width="27.875" height="27.875" rx="3.6" fill="url(#nx12186_paint1_radial_18590_1433)"/>
</g>
<g filter="url(#nx12186_filter1_f_18590_1433)">
<path d="M28.6878 4.5625V27.4375" stroke="url(#nx12186_paint2_linear_18590_1433)" stroke-width="1.5" stroke-linecap="round"/>
</g>
<g filter="url(#nx12186_filter2_f_18590_1433)">
<path d="M5.9642 3.875H27.7455" stroke="url(#nx12186_paint3_linear_18590_1433)" stroke-width="1.5" stroke-linecap="round"/>
</g>
<g filter="url(#nx12186_filter3_f_18590_1433)">
<path d="M8.46202 15.2794C8.05319 15.6728 8.05319 16.3272 8.46202 16.7206L15.0198 23.0308C15.6551 23.6422 16.7132 23.1919 16.7132 22.3103V17.1973C16.7132 17.1091 16.819 17.0641 16.8825 17.1252L23.0198 23.0308C23.6551 23.6422 24.7132 23.1919 24.7132 22.3103L24.7132 9.6898C24.7132 8.80814 23.6551 8.3579 23.0198 8.96922L16.8825 14.8748C16.819 14.936 16.7132 14.8909 16.7132 14.8028V9.6898C16.7132 8.80814 15.6551 8.3579 15.0198 8.96922L8.46202 15.2794Z" fill="#579FFF"/>
</g>
<g filter="url(#nx12186_filter4_ii_18590_1433)">
<path d="M8.46202 15.2794C8.05319 15.6728 8.05319 16.3272 8.46202 16.7206L15.0198 23.0308C15.6551 23.6422 16.7132 23.1919 16.7132 22.3103V17.1973C16.7132 17.1091 16.819 17.0641 16.8825 17.1252L23.0198 23.0308C23.6551 23.6422 24.7132 23.1919 24.7132 22.3103L24.7132 9.6898C24.7132 8.80814 23.6551 8.3579 23.0198 8.96922L16.8825 14.8748C16.819 14.936 16.7132 14.8909 16.7132 14.8028V9.6898C16.7132 8.80814 15.6551 8.3579 15.0198 8.96922L8.46202 15.2794Z" fill="#FCF2FF"/>
</g>
<defs>
<filter id="nx12186_filter0_ii_18590_1433" x="2.50034" y="1.0625" width="28.875" height="28.875" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="-1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_18590_1433"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_18590_1433" result="effect2_innerShadow_18590_1433"/>
</filter>
<filter id="nx12186_filter1_f_18590_1433" x="25.9378" y="1.8125" width="5.5" height="28.375" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_18590_1433"/>
</filter>
<filter id="nx12186_filter2_f_18590_1433" x="3.2142" y="1.125" width="27.2812" height="5.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_18590_1433"/>
</filter>
<filter id="nx12186_filter3_f_18590_1433" x="7.1554" y="7.68781" width="18.5578" height="16.6245" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_18590_1433"/>
</filter>
<filter id="nx12186_filter4_ii_18590_1433" x="7.1554" y="8.28781" width="17.9578" height="16.0245" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-1" dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.866667 0 0 0 0 0.819608 0 0 0 0 0.941176 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_18590_1433"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.4" dy="-0.4"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_18590_1433" result="effect2_innerShadow_18590_1433"/>
</filter>
<linearGradient id="nx12186_paint0_linear_18590_1433" x1="16.4378" y1="5.63701" x2="16.4378" y2="38.8897" gradientUnits="userSpaceOnUse">
<stop stop-color="#5CB7FF"/>
<stop offset="1" stop-color="#4878DD"/>
</linearGradient>
<radialGradient id="nx12186_paint1_radial_18590_1433" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.1566 4.15625) rotate(136.771) scale(2.14444 2.50466)">
<stop stop-color="#7BD7FF"/>
<stop offset="1" stop-color="#7BD7FF" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx12186_paint2_linear_18590_1433" x1="29.1878" y1="4.5625" x2="29.1878" y2="27.4375" gradientUnits="userSpaceOnUse">
<stop stop-color="#7FD9FF"/>
<stop offset="1" stop-color="#639DF4"/>
</linearGradient>
<linearGradient id="nx12186_paint3_linear_18590_1433" x1="28.9017" y1="4.12502" x2="3.37045" y2="4.12502" gradientUnits="userSpaceOnUse">
<stop stop-color="#7DD8FF"/>
<stop offset="1" stop-color="#5DB6FF"/>
</linearGradient>
</defs>
</svg>
أمر ذكي ومحسّن المتجهات

تريد تحسين هذه الأيقونة أو تغيير نمطها؟ Fast Reverse Button

أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. Fast Reverse Button

افتح في أداة توليد الأيقونات
منشئ أوامر يعمل بالكامل في المتصفح
Fast Reverse Button Free SVG Vector Icon - Fluent UI Emoji (MIT)
التحقق من مصدر الأيقونة ورخصتها LICENSE.txt

Library: Fluent UI Emoji | Author: Microsoft Corporation | License: MIT | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح

كلمات مفتاحية
#fluentui #emoji #fast #reverse #button #3d #icons #fast reverse button svg #fast reverse button icon #fast reverse button fluent ui emoji #fast reverse button react tsx #fast reverse button vue #fast reverse button png
شائع بلغتك
تحميل أيقونات svg مجانا أيقونات متجهة مجانية محول svg إلى png محرر أيقونات svg أونلاين أيقونات ثلاثية الأبعاد 3d تصدير كود react و vue ضغط ملفات svg أيقونات للاستخدام التجاري مكتبة أيقونات SVG أفضل حزمة أيقونات مجانية

Fast Reverse Button - المواصفات التقنية للمتجه

المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Fast Reverse Button

المعرّف الأساسي للأصل fluentui-emoji/fluentui-emoji-fast-reverse-button
حزمة المكتبة المصدر Fluent UI Emoji
شبكة الإحداثيات و viewBox viewBox="0 0 32 32"
الحجم غير المضغوط 6,568 bytes (~3,612 bytes gzipped)
رخصة SPDX والاستخدام التجاري MIT - مجاني للاستخدام التجاري
صيغ التصدير المدعومة SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
ضمان الأمان والخصوصية بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح

كيف تستخدم هذه الأيقونة وتخصصها: Fast Reverse Button

  1. خصّص بصرياً: اللون, تلقائي (خط وتعبئة), سماكة الخط (0.5px-4px), إعدادات حركة متجهة مباشرة
  2. نزّل المتجه أو الصورة: تحميل SVG, PNG (شفاف), WebP (محسّن) (2048x2048 px)
  3. انسخ كود الإطار: انسخ كوداً جاهزاً لـ React و Next.js و Vue 3 و Svelte و Angular و HTML وأقنعة CSS.
  4. تحرير متجه عميق: التحرير في محرر SVG (76,166)
نصيحة الوصولية (WCAG 2.1): أخفِ الأيقونات الزخرفية بـ aria-hidden و focusable false. وأعطِ أزرار الأيقونة وحدها aria-label واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار. fluentui-emoji-fast-reverse-button.svg aria-hidden="true" focusable="false"

المزيد في أيقونات ثلاثية الأبعاد (3D)

تصفح

استكشف المزيد

الأسئلة الشائعة

Fast Reverse Button - الأسئلة الشائعة

هل أيقونة Fast Reverse Button مجانية للاستخدام التجاري؟ +

نعم، أيقونة Fast Reverse Button من مكتبة Fluent UI Emoji متاحة بترخيص MIT، ويمكنك استخدامها مجاناً في المواقع والتطبيقات والمشاريع التجارية.

هل تحافظ أيقونة Fast Reverse Button على ألوانها الأصلية عند التحميل؟ +

نعم، عند تحميل أيقونة Fast Reverse Button يتم الحفاظ على ألوانها الأصلية تماماً إلا إذا قمت باختيار لون مخصص من المحرر المباشر.

كيف أستخدم أيقونة Fast Reverse Button في مشاريع React أو Vue؟ +

انتقل إلى تبويب React TSX أو Vue 3 في هذه الصفحة وانقر على Copy SVG. الصق المكوّن في مشروعك ونسّقه بـ CSS أو Tailwind.

هل يمكن تحميل أيقونة Fast Reverse Button كصورة PNG شفافة؟ +

نعم، اختر المقاس المطلوب حتى 1024 بكسل واضغط على زر تحميل PNG للحصول على صورة شفافة عالية الدقة.

كيف أحرك أيقونة Fast Reverse Button باستخدام CSS؟ +

اضغط على أي زر حركة في المحرر المباشر مثل دوران أو نبض ليتم تضمين كود الحركة تلقائياً داخل ملف SVG.

كيف أحصل على أمر ذكاء اصطناعي لتصميم أيقونة مشابهة لـ Fast Reverse Button؟ +

استخدم قسم مولد أوامر الذكاء الاصطناعي في هذه الصفحة لنسخ وصف دقيق لأيقونة Fast Reverse Button بأنماط ثلاثية الأبعاد أو زجاجية.

هل يمكنني تغيير حجم أيقونة Fast Reverse Button دون فقدان الجودة؟ +

نعم. ملف Fast Reverse Button متجه بـ viewBox قابل للتوسيع، لذا يبقى واضحاً عند 16 أو 64 أو 512 بكسل أو أي مقاس طباعة.

أين أبلّغ عن مشكلة في ملف أيقونة Fast Reverse Button؟ +

راسل support@svgnexus.com مع رابط الأيقونة. وأسئلة الرخصة أو الإزالة بخصوص Fast Reverse Button ترسل إلى legal@svgnexus.com.

معالجة محلية 100% داخل المتصفح | 76,166 أيقونة

محرر SVG

حرّر المسارات والطبقات والألوان والحركات في متصفحك، ثم صدّر SVG نظيفاً أو PNG أو كود أطر العمل.

فتح في المحرر استعراض كل الأيقونات (76,166)

اكتب للبحث في 76,166 أيقونة متجهة...

تنقل | Enter للفتح استعراض كل الأيقونات

مقارنة

مصدر الأيقونة ورخصتها

الرخصة الاستخدام التجاري الإسناد التعديل أو تغيير اللون
MITمسموحالإشعار داخل الحزمةمسموح
ISCمسموحالإشعار داخل الحزمةمسموح
Apache-2.0مسموحمطلوب مع ملف الإشعارمسموح
CC BY 4.0مسموحذكر المصدر مطلوبمسموح
CC-BY-SA-4.0مسموحالمشاركة بالمثلالمشاركة بالمثل
Trademark / Brandاستخدام مرجعي فقطإرشادات المالكمقيّد

معاينة الأيقونة