أفضل 50 خط رمز مجاني لتصميم واجهة المستخدم

على الرغم من أن خطوط Icon تحظى بشعبية كبيرة ، إلا أن لها أيضًا عيوبها. ناقش Ian Feather أسبابه للتبديل من خط رمز إلى SVG ، وقد حدد CSS Tricks بعض الاعتبارات عند الاختيار بين نظام خطوط الرموز أو SVG.

كلاهما يفضل بوضوح SVG. كحجة مضادة ، قال Pictonic أن خطوط الرموز أسرع بنسبة 10٪ من SVG. هذه مجرد أشياء يجب مراعاتها قبل استخدام خطوط الرموز.

للتأكد من أن أيقوناتك يتم تحميلها دائمًا بشكل صحيح ولديها احتياطيات موثوقة للمتصفحات التي لا تدعم @fontface ، يجب عليك إلقاء نظرة على الإرشادات التي وضعتها مجموعة Filament Group ، Bulletproof Accessible Icon Fonts.

مجموعة أيقونات إيفا مفتوحة المصدر واجهة المستخدم (480 أيقونة)

إذا كنت تصمم واجهة جديدة أو تريد عرض ميزات منتجك ، تحقق من خط الأيقونة الرائع (والمجاني). تتميز هذه الرموز مفتوحة المصدر بإجراءات وعناصر ، من الأسهم والمرفقات إلى لوحات الألوان. مع أكثر من 480 أيقونة ، إنها الحزمة الكاملة!

خط رمز خط رفيع عصري (100 أيقونة ، Envato Elements)

لا يوجد شيء مثل البساطة لتسليط الضوء على جودة منتجك ، ومجموعة الرموز هذه اختيار ممتاز لمشروعك القادم. إنها متجهات وقابلة للتحرير بالكامل في Adobe Illustrator. من رموز التردد إلى رموز تبديل المخطط التفصيلي الجميلة ، سيكون لديك كل ما تحتاجه!

افتح مجموعة Iconic Open Source Set (223 أيقونات)

توقف عن القلق بشأن جعل أيقوناتك تعمل مع تنسيق النص الخاص بك. تأتي مجموعة الأيقونات مفتوحة المصدر هذه مع أكثر من 230 أيقونة عملية وتقنية بتنسيقات مختلفة ، من SVG إلى WOFF. يمكنك تغيير حجمها بسرعة لتناسب احتياجاتك باستخدام CSS ، وتكون مقروءة تمامًا حتى عند 8 بكسل.

Pictypo Icon Font بواسطة Typogama (عناصر إنفاتو)

يوفر Pictypo رموزًا ممتعة وجذابة يتم تقديمها باستخدام خطوط dingbat. يضيف النمط الدائري لمسة من الود ، وستحصل على الكثير للعمل معه. من أيقونات الطقس إلى رموز المكتب ، تقدم Pictypo كل ما تحتاجه. الخطوط جريئة ، لذا فهي تبدو جيدة على شاشات العرض الكبيرة أيضًا.

حزمة أيقونة Ionicons للإطار الأيوني (1100+ أيقونات)

Ionicons عبارة عن حزمة أيقونات جيدة التقريب للإطار الأيوني. ستحصل على العديد من أيقونات التطبيقات (الإشعارات والسهام والطعام والمزيد) ، بالإضافة إلى أيقونات تعرض شعارات العلامات التجارية الشهيرة (على سبيل المثال ، Pinterest). بناءً على احتياجاتك ، يمكنك تنزيل مخطط تفصيلي و / أو ممتلئ و / أو عرض رمز حاد كملفات SVG وخط الويب.

مجموعة أيقونات Icoframe Wireframe (60 أيقونة ، Envato Elements)

اجعل مشروعك التالي أكثر ديناميكية وانخراطًا مع Icoframe - أيقونات إطار سلكي جميلة وحديثة. ستحصل على 60 رمزًا بسيطًا للإطار السلكي ، بدءًا من رموز صفحات تسجيل الدخول إلى أيقونات الشبكة والجدول الزمني والطباعة. التصميم سهل الاستخدام للغاية ، ويمكنك تخصيصه بسهولة في Adobe Illustrator.

رائع الخط (أكثر من 1500 رمز)

Font Awesome هي مجموعة أيقونات ضخمة وشائعة جدًا. إنها توفر أكثر من 1600 أيقونة مجانية ، تم تصميمها جميعًا بدقة لإظهار الود وسهولة الاستخدام. ستجد كل شيء من AWS وشعارات العلامات التجارية الأخرى إلى أيقونات الأعمال وأسلوب الحياة في معرض FA.

خطوط Wirebet Wireframe (عناصر إنفاتو)

تعد خطوط Wirebet خيارًا رائعًا إذا كنت ترغب في تبسيط سير العمل ودمج الرموز الجذابة في المواد الخاصة بك دون تشغيل مجموعة التصميم الخاصة بك. ستحصل على أيقونات فنية متنوعة ، من رموز صفحات المحفظة إلى الأسهم وأيقونات الجهاز. Wirebet مثالي للإطارات السلكية!

خط رمز رهيبة الخط (1،380 أيقونات)

أضف أيقونات خط حديثة إلى المواد الخاصة بك في سطر واحد من التعليمات البرمجية باستخدام Line Awesome. يتم تحسينه بناءً على عرض Font Awesome ويتيح لك إضافة جميع أنواع الرموز (من إمكانية الوصول والبناء إلى الأسهم وأيقونات العلامات التجارية) إلى موقع الويب الخاص بك (عبر CDN) ونماذج Figma وغير ذلك الكثير.

مجموعة الخطوط ماكرة (24 خطًا ، عناصر إنفاتو)

تقدم مجموعة Crafty 24 خطًا جذابًا وممتعًا يمكنك استخدامها لجعل تصميمك التالي أكثر إثارة. من النجوم والمشارب إلى الخطوط العريضة والرشاشات ، تقدم The Crafty Collection مجموعات الخطوط التي تعمل بشكل جيد معًا حتى تبدو تصميماتك دائمًا متماسكة ومثيرة للاهتمام.

Dashicons ، خط أيقونة WordPress Admin (300 أيقونة)

Dashicons هو خط رمز لـ WordPress. إذا كنت ترغب في محاكاة نمط WP التوقيع في مشاريع أخرى ، فستحب ذلك. إنه تقني للغاية من حيث الأسلوب ، لكنه يوضح النقطة ويسهل استخدامه. من شعارات العلامات التجارية إلى TinyMCE ، انطلق في البرية!

رمز ريميكس مكتبة مفتوحة المصدر (أكثر من 2000 رمز)

Remix Icon هي مكتبة أيقونات مفتوحة المصدر تضم أكثر من 2200 رمز. جميع الرموز مجانية للاستخدام الشخصي والتجاري. سترى مجموعة متنوعة من الرموز ، من أيقونات الخطوط العريضة الرفيعة إلى الرموز المعبأة لمزيد من التركيز. احصل عليها بصيغة PNG أو SVG أو كود.

خط أيقونة Themify (320 أيقونة)

مستوحاة من Apple iOS ، تقدم أيقونات Themify أكثر من 300 رمز مبسط جميل. من الأسهم إلى أيقونات التطبيق ، ستحصل على كل ما تحتاجه إما كخط رمز لتسهيل تكامل سير العمل (يتضمن SVG) ، أو كمكوِّن إضافي لبرنامج WordPress. أيقونات Themify مثالية لتصميم واجهة المستخدم الحديثة!

Dripicons Line-Icon Font v.2 (200 أيقونة)

إذا كنت لا تريد رموز خط حديقة متنوعة ، تحقق من Dripicons. إن خط الأيقونة المجاني هذا سهل الاستخدام بشكل لا يصدق ، لكن أفضل جزء هو أنها جميلة! ستحصل على مجموعة من أيقونات الخطوط الجريئة متعددة الاستخدامات ، من الأسهم والتكنولوجيا إلى التعليم والموسيقى.

أيقونات Octicons لـ GitHub (180 أيقونة)

إذا كنت تحب جمالية GitHub ، فستحب Octicons الخاصة بهم. تتوفر هذه الرموز بحجمين (16 بكسل و 24 بكسل) ، وتتضمن أيضًا بعض رموز الحالة الخاصة مثل طلبات السحب. يمكنك التبديل بين أيقونات المخطط التفصيلي والمعبأة ، وهي تعمل بشكل مثالي مع لغات برمجة مختلفة.

خطوط رمز المؤسسة (280 أيقونات)

ابدأ باستخدام بضعة أسطر من التعليمات البرمجية وأيقونات الأساس. تتكون هذه المجموعة من مجموعات مختلفة ، من الرموز العامة إلى أيقونات إمكانية الوصول ، لذلك هناك شيء لكل مشروع. تعمل رموز الأساس كخط ويب ، لذلك لا يتعين عليك القفز عبر الأطواق.

Devicons Iconic Font للمطورين (78 أيقونة)

Devicons هو خط رمز مصمم خصيصًا للمطورين ومجموعة متنوعة من المشاريع. يحتوي الخط على 85 رمزًا ، وهي شعارات خاصة بالعلامات التجارية لخدمات مثل Dropbox ومنصات التشفير مثل PostgreSQL. يمكن دمج Devicons عن طريق إضافة سطر واحد من التعليمات البرمجية في عنوان HTML الخاص بالمشروع.

خط الأيقونة الأنيق (360 أيقونات)

جميل وأنيق وجذاب - يحتوي خط الرمز هذا على أكثر من 300 رمزًا متنوعًا. من السهل دمجها واستخدامها ، خاصة إذا كنت قد استخدمت السمات الأنيقة أو منشئ Divi في الماضي. من أيقونات الملفات إلى الأسهم ، ستجد كل ما تحتاجه في هذه المجموعة.

مجموعة أيقونات ريشة مفتوحة المصدر (282 أيقونات)

اجعل الأمر بسيطًا ويمكن الوصول إليه باستخدام Feather ، مجموعة كبيرة من الرموز مفتوحة المصدر. من الأسهم والشيفرون ، إلى أيقونات واجهة المستخدم للتطبيق ، يعد Feather إضافة ممتازة إلى صندوق أدوات التصميم القياسي الخاص بك. يمكنك تخصيص حجم كل أيقونة وعرضها ولونها ، بحيث تناسب علامتك التجارية تمامًا.

خط رمز Typicons (336 أيقونات)

بسيطة وودية ومثالية لمجموعة متنوعة من المشاريع ، تعد Typicons خيارًا رائعًا. إنها مضمنة في خط ويب ، لذا فهي سهلة الاستخدام. ستحصل على 336 رمزًا ، من التروس والسهام إلى شعارات العلامات التجارية. يمكنك الاختيار بين الرموز أو الخطوط العريضة المملوءة.

حزمة أيقونة الحرة IcoMoon (490 أيقونات)

قم بتحديث مجموعة أدوات الأيقونة القياسية الخاصة بك باستخدام أيقونات IcoMoon المجانية. ستحصل على 490 رمزًا متجهًا مثاليًا لواجهة مستخدم التطبيق والويب. هذه الرموز بسيطة وبسيطة مع القليل من الشخصية. من أيقونات المنزل إلى الوجوه المبتسمة ، إنها الحزمة الكاملة!

Genericons Neue Icon Font (100 أيقونة)

قم بتبسيط تصميمك باستخدام Genericons ، وهي مجموعة من الرموز البسيطة والبسيطة لتصميم الويب والتطبيق. إنها تعمل بشكل مثالي للمدونات أو مواقع الويب البسيطة حيث تريد التركيز على رسائلك. ستحصل على الكثير من الرموز للميزات الرئيسية ، من خرائط المواقع إلى موجزات RSS.

أيقونة الأعمال الحرة أيقونة الخط (136 أيقونة)

يعتبر Icon-Works ، وهو خط رمز مجاني وأنيق ، اختيارًا ممتازًا إذا كنت ترغب في إبراز تصميمك التالي. ستحصل على الكثير من الرموز الجميلة والمجهزة لشبكية العين والتي يمكنك تخصيصها. إنها قابلة للتطوير ، لذا لا داعي للقلق بشأن تغيير حجمها.

ميكرون رمز الخط (108 أيقونات)

تفتخر أيقونات ميكرون ببساطتها. توفر المجموعة أيقونات لحالات الاستخدام الأكثر شيوعًا ، من المخططات والأسهم إلى أيقونات التنقل. من السهل تشفيرها ، والملف نفسه لا يتجاوز حجمه 5 كيلوبايت ، لذا فهي مثالية للاستخدام عبر مجموعة مشروعاتك.

الخط 7 رمز السكتة الدماغية (202 أيقونات)

مباشرة من ورشة Pixeden ، Stroke 7 عبارة عن مجموعة من الرموز ذات الخطوط الرفيعة. تقدم المجموعة أكثر من 200 رمز يمكن تخصيصها باستخدام CSS. لقد كانت مستوحاة من أيقونات 00 المبكرة ، لذا لن تبرز وتجذب الانتباه بعيدًا عن رسالتك الرئيسية.

السكتة الدماغية أيقونة الخط Vol.1 (80 أيقونات)

صممت Petras Nargela مجموعة من 80 رمزًا للضغط ، وهي مجانية. هذه الرموز الجميلة منعشة ونظيفة وجاهزة لإضفاء الإثارة على تصميماتك. يمكنك تنزيلها كملفات PSD أو AI أو خطوط الويب. إذا كنت بحاجة إلى شيء مختلف ، فقد وجدته!

مواد تصميم الخط الأيقوني

تحتوي مجموعة أيقونات التصميم متعدد الأبعاد ، التي أنشأتها Google ، على الكثير من الرموز التي يمكنك استخدامها في مشاريعك. عليك فقط إضافة سطر واحد من التعليمات البرمجية إلى موقع الويب الخاص بك ، وأنت على ما يرام! نظرًا لأن أعضاء المجتمع يضيفون باستمرار أيقوناتهم الخاصة ، فهناك الكثير من التنوع.

الحد الأدنى من الرموز الأساسية للمخطط التفصيلي (77 أيقونة)

إذا كانت واجهة المستخدم الخاصة بك بسيطة ، فاختر الرموز التي تتبع نفس الإشارات الجمالية. تحتوي مجموعة رموز المخطط التفصيلي المبسطة هذه على أكثر من 70 رمزًا واضحًا وحادًا. المتجهات قابلة للتحجيم ، ويمكنك بسهولة تغيير ألوان الرموز لتناسب أسلوبك. يمكنك تنزيلها مجانًا بتنسيقات مختلفة.

Tonicons مخطط الرموز (300 أيقونة)

Tonicons هي مجموعة رائعة من خطوط الرموز التي ليست سهلة الاستخدام فحسب ، بل إنها جميلة أيضًا! ستحصل على 300 رمز مخطط تفصيلي نظيف ومبسط لتصميم واجهة مستخدم الويب والتطبيق. من جميع أنواع الملفات إلى أيقونات الرسائل ، تغطي مجموعة Tonicons كل حالة استخدام.

أيقونات Metrize المترو (300 أيقونة)

تجلب لك أيقونات Metrize 300 رمز على غرار مترو ستعزز مشروعك التالي. يمكنك استخدامها للتطبيقات ومواقع الويب ، وكل ذلك سهل للغاية نظرًا لأنها متوفرة أيضًا كخط ويب. من شعارات العلامات التجارية إلى الأسهم ، لقد جعلك Metrize مغطى!

CSSans Pro CSS Font

CSSans هو خط CSS ملون وديناميكي. يتألف CSSans من عناصر هندسية متعددة الألوان تضيف الحيوية إلى تصميماتك ، وهي تدور حول الشخصية! ستحصل على أحرف كبيرة وصغيرة وأرقام ورموز أخرى. إنه قابل للتخصيص بشكل لا نهائي ويلفت الانتباه من البداية!

مجموعة رمز MFG Labs (120 أيقونة)

تم تصميم مجموعة أيقونات MFG Labs في الأصل لمشروع داخلي ، لكن الفريق لم يستطع مقاومة مشاركة مجموعة الرموز متعددة الاستخدامات هذه. يمكن دمجها بسهولة وتخصيصها باستخدام CSS. ستجد كل الرموز التي تحتاجها لخلق الجو المناسب لتصميمك القادم.

خط رمز ضمد الرموز (240 أيقونة)

Ligature Symbols عبارة عن خط رمز به رموز ممتعة وبسيطة. يمكن دمج الرموز الفردية لإنشاء وصلات ربط (على سبيل المثال ، الجمع بين أيقونات الجدول والخلية لإنشاء شبكات) ، مما يؤدي إلى تحسين قابلية استخدام هذه المجموعة. ستجد كل ما تحتاجه ، لذا امنح خط الرمز المجاني هذا!

Devicon 2.0 Programming & Development Icon الخط (78 أيقونة)

Devicons هي أيقونات ودية ومناسبة للتطوير تم إنشاؤها لتمثيل أدوات البرمجة والتطوير. من Chrome و Confluence إلى Django و Adobe Illustrator ، ستجد الرمز الذي كنت تبحث عنه. يمكنك بسهولة نسخها ولصقها في مشاريعك باستخدام إما إصدارات الخطوط أو إصدارات SVG.

مجموعة خطوط الأيقونات المصغرة (80 أيقونات)

تعتبر هذه الرموز المصغرة بسيطة ونظيفة ، وهي مثالية لمجموعة متنوعة من المشاريع ، لا سيما تلك الأكثر رسمية في النغمة. تحتوي مجموعة الرموز هذه على 80 أيقونة تم إنشاؤها بدقة في كل من تنسيقات خطوط PSD والأيقونات. من رموز التنزيل / التحميل إلى أيقونات الموقع والطقس ، تقدم هذه المجموعة كل رمز تحتاجه!

تعيين رمز الهليوم والخط (100 أيقونة)

تقدم مجموعة أيقونات هيليوم Taras Shypka الكثير من الرموز. فهي لا تأتي فقط في كل تنسيق يمكن تخيله ، ولكن يمكنك أيضًا استخدامها كخط رمز. ستحصل على 112 رمزًا بخطوط مظللة بدقة تضيف لمعانًا. الهيليوم هو بالتأكيد خيار جمالي!

أيقونات خط Gonzocons 2.0 (100 أيقونة)

تقدم مجموعة Gonzocons التي صممها Jan Rajtoral 100 أيقونة خطية تكرر بشكل مثالي اتجاهات تصميم الرموز الحديثة. من الأسهم المبسطة إلى القلوب المزدهرة والساعات الرملية ، تتمتع أيقونات Gonzocons بشخصية بالتأكيد. يمكنك الحصول عليها كملفات SVG أو كخط ويب لتسهيل التكامل مع التطبيق / الموقع الخاص بك.

خط ماركر أيقونة الخريطة (180 أيقونة)

رموز الخرائط عبارة عن خط رمز مصمم لخرائط Google والأماكن. يمكنك بسهولة تخصيص الرموز باستخدام CSS والاختيار من بين أكثر من 175 رمزًا. من الرموز العامة لصالونات تصفيف الشعر إلى أيقونات الأنشطة ، تمنحك هذه المجموعة الكثير للاختيار من بينها لجعل مشروعك التالي مدهشًا.

خط ويب الرموز المحددة (150 أيقونة)

بسيطة وممتعة ، تقدم هذه المجموعة 150 رمزًا محددًا. يمكنك الحصول عليها كملفات PSD أو AI أو SVG أو خطوط الويب. أيقونات Dario Ferrando مستوحاة من تصميم أيقونات الويب المعاصر ، لكن لديها الكثير من السمات لتجعل مشروعك القادم يبرز ويذهل جمهورك.

أيقونات الفضاء اللانهاية (230 أيقونة)

صوّر للقمر بهذه الرموز الفضائية الجميلة. ستحصل على أكثر من 230 رمزًا ، بما في ذلك سفن الفضاء والكواكب والمزيد! من السهل جدًا استخدامها لأنها خط dingbat ، وإذا بدأت في كتابة الأرقام ، فستجد النظام الشمسي بأكمله.

خط أيقونة الطقس تحت عنوان (222 أيقونات)

إذا كانت التنبؤات الدقيقة أمرًا ضروريًا لمشروعك التالي ، فستحب هذه المجموعة من الرموز التي تحمل طابع الطقس. مع أكثر من 200 رمز (بما في ذلك الرموز المتخصصة مثل 28 مرحلة قمرية) ، ستكون جاهزًا لإنشاء شيء مذهل! يمكنك تخصيصها بسهولة باستخدام CSS لتناسب احتياجاتك.

خط أيقونة الطقس Meteocons (40 أيقونة)

احصل على أكثر من 40 رمز طقس بسيط وودود مع Meteocons. تقدم هذه المجموعة كل تنسيق يمكن تخيله ، من SVG إلى سطح المكتب وخطوط الويب. إنها مجانية للاستخدام الشخصي والتجاري ، ويمكنك أيضًا إنشاء خطك المخصص باستخدام الرموز التي تستخدمها بشكل متكرر. تحديثات الرمز مجانية أيضًا!

Stackicons Social Icon Font (75 أيقونة)

أضف المزيد من الألوان إلى تصميماتك باستخدام Stackicons ، وهي مجموعة من أكثر من 60 رمزًا محدثًا تتميز بشعارات العلامات التجارية ، من Dribbble إلى Reddit. سيضيفون المزيد من الشخصية إلى مجموعة التصميم القياسية الخاصة بك. يمكنك اختيار أيقونات عادية أو أشكال دائرية مختلفة أو أيقونات مربعة ، وهناك شيء للجميع!

مكتبة أيقونة الوسائط الاجتماعية Socialicious (74 أيقونة)

إذا كنت تبحث عن أيقونات اجتماعية مذهلة ، فتحقق من Socialicious. يمنحك أيقونات الوسائط الاجتماعية في شكل خط ، لذا فهي سهلة الاستخدام بشكل لا يصدق ويسهل تخصيصها. ادمجهم في سطر واحد من التعليمات البرمجية ، وخصصهم باستخدام CSS.

خط الرموز الاجتماعية الأحادية (100 أيقونة)

تعد Mono Social ، جذابة وديناميكية ، أيقونات وسائط اجتماعية ذات شخصية مرحة. يمكنك استخدامها مجانًا واختيار أحد خيارات العرض التقديمي الثلاثة (دائري ، دائري ، عادي) لتناسب أسلوبك. استخدمها مع CSS و HTML و SCSS. إنها مجانية للاستخدام الشخصي والتجاري.

حزمة أيقونات وسائل الإعلام الاجتماعية Fontfabric (74 أيقونة)

تم إنشاء Socialico بواسطة Jelio Dimitrov ، وهي عبارة عن حزمة من 74 أيقونة وسائط اجتماعية نابضة بالحياة وجذابة. يتم تجميعها كخط ويب ، لذا فإن كل حرف على لوحة المفاتيح لديك يولد رمزًا جميلًا مع الكثير من بدائل العروض التقديمية. نظرًا لأن رموز الخطوط هذه مجانية ، قم بإضافتها إلى صندوق الأدوات الخاص بك!