این مقاله در ابتدا در Rails Designer منتشر شد
نمادها در هر برنامه نرم افزاری ضروری هستند. آنها به شما کمک می کنند تا کاربران شما را سریعتر از طریق برنامه شما راهنمایی کنند. آنها همچنین ممکن است به تمیز کردن UI شما کمک کنند. به جای “منو باز” و “منوی بستن” می توانید از آنها استفاده کنید – و × (“همبرگر” احتمالاً شناخته شده ترین نماد در اینترنت است).
خوشبختانه ، در سال 2025 ، شما دیگر نیازی به ایجاد هیچ آیکون ندارید ، زیرا در کنار بسیاری از کتابخانه های تجاری عالی و تجاری ، برخی از کتابخانه های واقعاً شگفت انگیز وجود دارند که کاملاً رایگان هستند.
من می خواهم برخی از آنها را در اینجا لیست کنم تا لیست ، برجسته و از آنها بخاطر وجودشان تشکر کنم. برنامه های ما به دلیل آنها به نظر می رسد و بهتر کار می کنند.
هیکونز (300+ نماد)
مجموعه ای از نماد با دقت ساخته شده ، با انواع مختلفی از طرح کلی تا مینی و حتی میکرو. این نوع کوچکتر مراقبت هایی را که برای جزئیات انجام می دهند نشان می دهد. کمترین تعداد آیکون ها ، اما باید بیشتر نیازهای عمومی SaaS شما را مطابقت دهد.
پر (280+ نماد)
مجموعه ای از آیکون ها فقط به صورت کلی. اما با حدود 280 مورد از آنها یک مجموعه محکم است.
Lucide (1500+ نماد)
به عنوان چنگال پر که قبلاً ذکر شد شروع شد. همانطور که از آن زمان می بینید که تعداد نماد از آن زمان به طور پیوسته در حال رشد است.
فسفر (نماد 9000+)
تعداد عظیمی از نمادها! چهار نوع اعطا شده در عرض سکته مغزی است (و من به راحتی نمی توانم هیچ گونه ترفند دستی بین آنها را تشخیص دهم). اما حتی بدون آنکه نیمه های نیمه تکثیر ، هنوز هم 1500 آیکون عالی در هر نوع است.
Radix (300+ نماد)
یک کتابخانه نماد توسط Workos. آنها چند آیکون جامد را با یک نوع طرح کلی دیگر مخلوط می کنند. این یک مجموعه نماد بسیار گسترده است ، اما به گونه ای طراحی شده است که در اندازه نسبتاً کوچک استفاده شود (که معمولاً برای برنامه های نرم افزاری مناسب است).
جدول (5700+ نماد)
این مجموعه نماد بزرگ دارای دو نوع (برای اکثر نمادها) بود: جامد و طرح کلی.
تعداد نماد کل بین انواع آنها است. بیشتر این کتابخانه ها نمادهای یکسان را در انواع مختلفی مانند جامد ، رئوس مطالب یا پر کردن ارائه می دهند. این خوب است ، زیرا ، به عنوان مثال ، اگر شما نیاز به نمایش برخی از نمادها نسبتاً کوچک دارید ، یک نماد طرح کلی خوانا کمتر از آن است که یک نماد پر شده بگویید.
بیایید به بهترین روشهای دیگر بپردازیم.
بهترین روشها
برای نگه داشتن چیزها حرفه ای و خوش بین ، مواردی وجود دارد که باید هنگام استفاده از آیکون ها در نظر داشته باشید.
- سازگار باشید در حالت ایده آل به یک کتابخانه نماد بچسبید.
- هنگام استفاده از دکمه فقط نماد (بدون برچسب) ؛ حتماً
aria-label="Search"؛ - هر نماد نمی تواند بدون نتیجه در اندازه افزایش یا کاهش یابد. آیکون های معمولاً مشخص شده در هنگام کوچک بودن کار کمتری دارند (<14px).
چگونه این نمادها را به برنامه خود اضافه کنیم
تمام این کتابخانه های نماد ذکر شده منبع باز هستند ، به این معنی که می توانید آنها را بارگیری کرده و از آنها در برنامه خود استفاده کنید. شاید پیروی از این مقاله در مورد Inline SVG. همچنین بیشتر آنها دارای گوهر اختصاصی و اختصاصی خود هستند که می توانید وارد برنامه خود شوید.
همه عالی اما در اوایل سال گذشته ، من چیزی بهتر می خواستم. یک API برای همه این کتابخانه های نمادبشر این زمانی است که من نمادهای ریل را ایجاد و منتشر کردم. این یک گوهر ساده است که به شما اجازه می دهد نمادهایی را که می خواهید از کتابخانه های مربوطه GitHub خود بکشید ، و وزن خود را سبک نگه دارید.
