مولّد الأيقونة
- الملفات لا تغادر جهازك
- يعمل في المتصفح
- مجاني، بلا حساب، بلا علامة مائية
Artwork
Preview
Actual pixels
Zoomed 16 px
Home screen
Files
- Rendering icons…
Paste into <head>
Upload the files to your site, then add these tags.
كيفية استخدام مولّد الأيقونة
اصنع أيقونة موقع من دون أداة تصميم: اكتب بضعة حروف، أو اختر رمزًا تعبيريًا، أو اختر أيقونة من ثماني مجموعات مفتوحة المصدر، ثم نسّق الخلفية والشكل. تحصل على الحزمة الكاملة (ICO وPNG وSVG وأيقونات Apple وأندرويد والبيان) مبنية في متصفحك.
- 1
ضمن «الرسم»، اختر «حروف» أو «رمز تعبيري» أو «أيقونة».
- 2
اكتب من حرف إلى ثلاثة واختر «الخط» و«الوزن»، أو اكتب رمزًا تعبيريًا أو اختره («تصفح كل الرموز» يفتح القائمة الكاملة)، أو ابحث عن أيقونة مثل rocket أو cloud وانقرها.
- 3
في «المقدمة»، اضبط «اللون» و«الحجم»؛ وفي «أسلوب الأيقونة»، اختر «الخلفية» و«الشكل» و«نصف قطر الزاوية» و«الحشو».
- 4
املأ «تفاصيل الموقع» وأحجام «الإخراج»، وتحقق من معاينتي التبويب الفاتح والداكن ومعاينة الشاشة الرئيسية.
- 5
انقر «تنزيل الحزمة (ZIP)»، وارفع الملفات إلى موقعك، وانسخ الوسوم من «الصق داخل <head>» إلى صفحتك.
أسئلة شائعة
هل يُرسل أي شيء إلى خادم؟
لا. تُرسم الأيقونات في متصفحك. تُحمَّل مجموعات الأيقونات من XTools فقط عند فتحها أو البحث فيها، لذا تحتاج إلى اتصال في المرة الأولى التي تستخدم فيها مجموعة.
ما مجموعات الأيقونات المضمّنة؟
Lucide وTabler وMaterial Design وPhosphor وRemix Icon وCarbon وHeroicons وFont Awesome Brands. يُحمَّل Lucide أولًا؛ وأثناء البحث، ينزّل «البحث في المجموعات الثماني كلها» البقية مرة واحدة (نحو 13 ميغابايت).
هل يمكنني استخدام الأيقونات في موقع تجاري؟
تحتفظ كل مجموعة برخصتها مفتوحة المصدر، لذا راجعها قبل الاعتماد على أيقونة شعارًا لك. شعارات Font Awesome Brands هي شعارات شركات أخرى ولا ينبغي استخدامها علامةً تجارية خاصة بك.
لماذا يبدو الرمز التعبيري مختلفًا على حاسوب آخر؟
تُرسم الرموز التعبيرية والحروف بخطوط جهازك، لذا تعرض ملفات PNG وICO أسلوب الرموز في نظامك. يُبقي favicon.svg عليها نصًا، فيرسمها متصفح كل زائر بخطوطه.
كم حرفًا يمكنني استخدامه؟
من حرف إلى ثلاثة هو الأفضل؛ ويقبل الحقل حتى أربعة أحرف. النص الأطول يتقلص ليناسب الأيقونة، وتعمل الأحرف الصينية أو اليابانية أيضًا.
هل يمكن أن تكون للأيقونة خلفية شفافة؟
نعم، اضبط «الخلفية» على «بلا». ما زالت أيقونة Apple للمس والأيقونة القابلة للإخفاء تحصلان على مربع أبيض، لأن الشاشات الرئيسية لا تعرض الشفافية.