انتقل إلى المحتوى
3d MIT 19 عقدة متجهة
Oden - Fluent UI Emoji iconFree Oden 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
Fluent UI Emoji | أيقونات ثلاثية الأبعاد (3D) | viewBox="0 0 32 32" | مجاني للاستخدام التجاري

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

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

تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً. fluentui-emoji-oden.svg (9,215 B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Oden icon"><title>Oden - Fluent UI Emoji icon</title><desc>Free Oden vector icon from the Fluent UI Emoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<path d="M28 27.94L3 3" stroke="url(#nx30964_paint0_linear_18_29625)" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.50999 7.34999L5.39999 14.41C6.01999 16.74 8.93999 17.52 10.64 15.81L15.81 10.64C17.52 8.92999 16.73 6.01999 14.41 5.39999L7.34999 3.50999C5.01999 2.88999 2.88999 5.01999 3.50999 7.34999Z" fill="url(#nx30964_paint1_linear_18_29625)"/>
<path d="M3.50999 7.34999L5.39999 14.41C6.01999 16.74 8.93999 17.52 10.64 15.81L15.81 10.64C17.52 8.92999 16.73 6.01999 14.41 5.39999L7.34999 3.50999C5.01999 2.88999 2.88999 5.01999 3.50999 7.34999Z" fill="url(#nx30964_paint2_radial_18_29625)"/>
<g filter="url(#nx30964_filter0_f_18_29625)">
<path d="M5.55035 8.19566L6.85213 13.0584C7.27917 14.6632 9.29039 15.2005 10.4613 14.0227L14.0223 10.4617C15.2001 9.28393 14.6559 7.2796 13.058 6.85256L8.19524 5.55078C6.5904 5.12374 5.12331 6.59082 5.55035 8.19566Z" fill="#4F3D81"/>
</g>
<g filter="url(#nx30964_filter1_f_18_29625)">
<path d="M15.875 10.125C13.1875 10.125 9.8125 12.625 9.8125 16.0312C11.9688 16.9688 14.625 17.4375 15.875 16.0312C17.125 14.625 18.125 12.2812 15.875 10.125Z" fill="#30143D"/>
</g>
<path d="M16.78 23.63C20.5631 23.63 23.63 20.5631 23.63 16.78C23.63 12.9968 20.5631 9.92999 16.78 9.92999C12.9968 9.92999 9.92999 12.9968 9.92999 16.78C9.92999 20.5631 12.9968 23.63 16.78 23.63Z" fill="url(#nx30964_paint3_radial_18_29625)"/>
<path d="M16.78 23.63C20.5631 23.63 23.63 20.5631 23.63 16.78C23.63 12.9968 20.5631 9.92999 16.78 9.92999C12.9968 9.92999 9.92999 12.9968 9.92999 16.78C9.92999 20.5631 12.9968 23.63 16.78 23.63Z" fill="url(#nx30964_paint4_radial_18_29625)"/>
<g filter="url(#nx30964_filter2_f_18_29625)">
<path d="M16.5725 22.9925L23.0225 16.5425C24.5 16.8438 24.7187 19.9063 22.8125 21.8125C19.7656 24.8594 16.7656 24.375 16.5725 22.9925Z" fill="#C26454"/>
</g>
<path d="M28.4 21.95L21.95 28.4C20.52 29.83 18.2 29.83 16.77 28.4C15.34 26.97 15.34 24.65 16.77 23.22L23.22 16.77C24.65 15.34 26.97 15.34 28.4 16.77C29.83 18.2 29.83 20.52 28.4 21.95Z" fill="url(#nx30964_paint5_linear_18_29625)"/>
<path d="M28.4 21.95L21.95 28.4C20.52 29.83 18.2 29.83 16.77 28.4C15.34 26.97 15.34 24.65 16.77 23.22L23.22 16.77C24.65 15.34 26.97 15.34 28.4 16.77C29.83 18.2 29.83 20.52 28.4 21.95Z" fill="url(#nx30964_paint6_radial_18_29625)"/>
<path d="M28.4 21.95L21.95 28.4C20.52 29.83 18.2 29.83 16.77 28.4C15.34 26.97 15.34 24.65 16.77 23.22L23.22 16.77C24.65 15.34 26.97 15.34 28.4 16.77C29.83 18.2 29.83 20.52 28.4 21.95Z" fill="url(#nx30964_paint7_radial_18_29625)"/>
<path d="M28.4 21.95L21.95 28.4C20.52 29.83 18.2 29.83 16.77 28.4C15.34 26.97 15.34 24.65 16.77 23.22L23.22 16.77C24.65 15.34 26.97 15.34 28.4 16.77C29.83 18.2 29.83 20.52 28.4 21.95Z" fill="url(#nx30964_paint8_radial_18_29625)"/>
<path d="M28.4 21.95L21.95 28.4C20.52 29.83 18.2 29.83 16.77 28.4C15.34 26.97 15.34 24.65 16.77 23.22L23.22 16.77C24.65 15.34 26.97 15.34 28.4 16.77C29.83 18.2 29.83 20.52 28.4 21.95Z" fill="url(#nx30964_paint9_radial_18_29625)"/>
<path d="M28 27.94L24.6 24.55" stroke="url(#nx30964_paint10_linear_18_29625)" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<g filter="url(#nx30964_filter3_f_18_29625)">
<path d="M5.875 5.31248C5.91667 5.20831 6.175 5.06248 6.875 5.31248C7.575 5.56248 12.25 6.91666 14.5 7.5625" stroke="#8C7FCF" stroke-width="0.5" stroke-linecap="round"/>
</g>
<g filter="url(#nx30964_filter4_f_18_29625)">
<ellipse cx="15" cy="7.56249" rx="1" ry="1.21875" transform="rotate(-17.4027 15 7.56249)" fill="#6E65A3"/>
</g>
<defs>
<filter id="nx30964_filter0_f_18_29625" x="3.9754" y="3.97583" width="12.1808" height="12.1826" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.75" result="effect1_foregroundBlur_18_29625"/>
</filter>
<filter id="nx30964_filter1_f_18_29625" x="8.8125" y="9.125" width="9.40076" height="8.79376" 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_18_29625"/>
</filter>
<filter id="nx30964_filter2_f_18_29625" x="15.5725" y="15.5425" width="9.61389" height="9.53143" 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_18_29625"/>
</filter>
<filter id="nx30964_filter3_f_18_29625" x="3.62494" y="2.92444" width="13.1251" height="6.88812" 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_18_29625"/>
</filter>
<filter id="nx30964_filter4_f_18_29625" x="12.4783" y="4.86139" width="5.04352" height="5.40222" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.75" result="effect1_foregroundBlur_18_29625"/>
</filter>
<linearGradient id="nx30964_paint0_linear_18_29625" x1="3" y1="5.0625" x2="5.375" y2="2.6875" gradientUnits="userSpaceOnUse">
<stop stop-color="#A96E55"/>
<stop offset="0.5" stop-color="#DBA579"/>
<stop offset="0.9944" stop-color="#FFD59E"/>
</linearGradient>
<linearGradient id="nx30964_paint1_linear_18_29625" x1="3.875" y1="11.125" x2="16.25" y2="6.125" gradientUnits="userSpaceOnUse">
<stop offset="0.0157881" stop-color="#4A3E60"/>
<stop offset="0.183384" stop-color="#422B69"/>
<stop offset="0.585431" stop-color="#595295"/>
</linearGradient>
<radialGradient id="nx30964_paint2_radial_18_29625" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 17.0625) rotate(102.529) scale(5.18599 5.18499)">
<stop stop-color="#4C2E6E"/>
<stop offset="1" stop-color="#503372" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx30964_paint3_radial_18_29625" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.4375 13.125) rotate(163.142) scale(10.7756)">
<stop offset="0.109003" stop-color="#FFCEB9"/>
<stop offset="0.618671" stop-color="#DD9490"/>
<stop offset="1" stop-color="#A06866"/>
</radialGradient>
<radialGradient id="nx30964_paint4_radial_18_29625" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.625 23) rotate(106.243) scale(8.2675)">
<stop stop-color="#C56E96"/>
<stop offset="1" stop-color="#F1A1C4" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx30964_paint5_linear_18_29625" x1="20.0625" y1="19.6875" x2="25.4687" y2="25.0937" gradientUnits="userSpaceOnUse">
<stop offset="0.00558659" stop-color="#D1AE93"/>
<stop offset="0.219653" stop-color="#DEC6B5"/>
<stop offset="0.549133" stop-color="#F5D3C9"/>
<stop offset="0.870901" stop-color="#F9D9CC"/>
<stop offset="1" stop-color="#E2C4C2"/>
</linearGradient>
<radialGradient id="nx30964_paint6_radial_18_29625" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27.9375 18) rotate(73.0339) scale(3.85529)">
<stop stop-color="#FFFFEE"/>
<stop offset="0.527145" stop-color="#FCEED2"/>
<stop offset="1" stop-color="#F5E2CD" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx30964_paint7_radial_18_29625" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.1875 29.875) rotate(16.4222) scale(6.19002 4.41327)">
<stop stop-color="#D998B6"/>
<stop offset="1" stop-color="#DD9BB2" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx30964_paint8_radial_18_29625" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.8125 26.6875) rotate(105.888) scale(4.48379 2.13703)">
<stop offset="0.278646" stop-color="#D597A2"/>
<stop offset="1" stop-color="#D798A3" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx30964_paint9_radial_18_29625" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.6975 24.25) rotate(104.251) scale(6.64189 3.85184)">
<stop stop-color="#BC997F"/>
<stop offset="1" stop-color="#D5AF96" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx30964_paint10_linear_18_29625" x1="27.3635" y1="25.1792" x2="25.2379" y2="27.3048" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFD6A1"/>
<stop offset="0.251098" stop-color="#FFD6A1"/>
<stop offset="0.574021" stop-color="#EAAA86"/>
<stop offset="0.9944" stop-color="#C1706A"/>
</linearGradient>
</defs>
</svg>
أمر ذكي ومحسّن المتجهات

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

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

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

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

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

Oden - المواصفات التقنية للمتجه

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

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

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

  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-oden.svg aria-hidden="true" focusable="false"

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

تصفح

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

محرر SVG

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

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

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

مقارنة

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

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

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