کتابخانه
remixicon یه مجموعه آیکون متن باز با ظاهر خنثی و یکدسته برای طراح ها و توسعه دهنده ها. مجوزش Apache هست و تو پروژه شخصی و تجاری آزاده. می تونی اون رو به شکل فونت آیکون با CSS یا فایل SVG تو قالب و سایت وردپرسی خودت استفاده کنی.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز Apache-2.0؛ هش هر فایل با منبع بررسی شده است.
۱۲٫۷ مگابایت· ۳۲۳۹ فایل· انتشار
SHA-256: 50be2f9339fa2de9ad9a0832100219a909fd5401c6c07612c02c937827f9319c
remixicon یه کتابخانه آیکونه که برای یه دردسر قدیمی ساخته شده. آیکون های سایت از چند منبع جمع شدن: یکی ضخیمه، یکی نازک، یکی گرد، یکی تیز. نتیجه اش یه رابط شلوغ و ناهماهنگه. remixicon چند هزار آیکون رو با ظاهر واحد و بی طرف کنار هم گذاشته. پس برای منو، دکمه، داشبورد و فرم می تونی از یه خانواده استفاده کنی و مطمئن باشی کنار هم جور درمیان.
بیشتر آیکون ها دو سبک خطی و توپر دارن و این تو کار روزمره به درد می خوره. مثلاً آیکون های منوی پایین صفحه رو خطی می ذاری و برای مورد فعال همون آیکون رو توپر می کنی. اسم ها هم قاعده دارن: ri- بعد اسم آیکون، بعد سبک خطی یا توپر (line یا fill). با همین قاعده می تونی بدون باز کردن راهنما اسم آیکون رو حدس بزنی و تو فهرست آیکون ها پیداش کنی.
این کتابخانه به درد کی می خوره؟ کسی که قالب وردپرس یا پنل مدیریتی می سازه، فروشگاه و سایت شرکتی که چند تا آیکون ساده لازم داره، و توسعه دهنده ای که تو پروژه جاوااسکریپتی می خواد آیکون رو با بسته npm بیاره. جاهایی هم هست که مناسب نیست. اگه فقط پنج شش آیکون لازم داری، بارگذاری کل فونت بی خودی سنگینه و بهتره فقط همون SVGها رو تو صفحه بذاری. اگه دنبال آیکون رنگی یا تصویرسازی هستی هم این مجموعه جواب نمی ده، چون تک رنگه.
یه نکته برای سایت های فارسی و راست به چپ: آیکون ها خودشون آینه نمی شن. فلش «بعدی» و «قبلی» تو چیدمان راست به چپ ممکنه برعکس به نظر برسه. یا باید با CSS برش گردونی یا آیکون مخالفش رو انتخاب کنی.
یه نکته دیگه مربوط به شرایط خودمونه. اگه فایل ها رو از یه CDN خارجی بخونی، تو روزهای محدودیت اینترنت بین الملل به جای آیکون، مربع خالی می بینی. بهترین کار اینه که فایل ها رو روی هاست خودت بذاری. نسخه های رسمی و بدون تغییر remixicon رو ما هم تو همین مخزن داخلی نگه داشتیم، پس بدون اینترنت بین الملل می تونی برداری و روی هاستت بذاری.
استفاده از remixicon تو سایت معمولی ساده است. مراحل کلی این طوریه:
اگه پروژه ات با npm و یه ابزار بیلد کار می کنه، بسته remixicon رو نصب کن و فایل CSS اون رو تو نقطه ورود استایل هات وارد کن. اگه فقط چند آیکون لازمه، به جای فونت از فایل های SVG جدا استفاده کن تا صفحه سبک تر بمونه.
بعد از بارگذاری، صفحه رو یه بار با کش خالی باز کن. اگه به جای آیکون ها مربع دیدی، تقریباً همیشه مسیر فونت ها اشتباهه.
بله. مجوز این کتابخانه Apache هست و استفاده شخصی و تجاری آزاده. فقط متن مجوز رو همراه فایل ها نگه دار. اگه خودت فایل ها رو بازنشر می کنی، شرایط مجوز رو هم رعایت کن. برای پروژه مشتری هم مشکلی نداره.
خطی سبک تر و ظریف تره و برای منو و فرم خوبه. توپر بیشتر تو چشم می خوره و به درد حالت فعال یا دکمه های مهم می خوره. تو یه صفحه یه الگوی ثابت داشته باش، مثلاً خطی برای حالت عادی و توپر برای مورد انتخاب شده.
معمولاً مسیر فایل های فونت اشتباهه یا فونت ها کنار فایل CSS آپلود نشدن. تو تب Network مرورگر ببین کدوم فایل پیدا نمی شه. اگه فایل ها از CDN خارجی میان، ممکنه در دسترس نباشن. بهترین راه اینه که کل پوشه رو روی هاست خودت بذاری.
لازم نیست. فونت آیکون کل مجموعه رو با خودش میاره و برای چند آیکون سنگینه. تو این حالت بهتره فقط فایل SVG همون آیکون ها رو برداری و مستقیم تو صفحه بذاری. هم صفحه سریع تر می شه، هم کنترل بیشتری روی اندازه و رنگ داری.
آیکون ها خودشون سمتشون رو عوض نمی کنن. اگه فلش یا آیکونی داری که سو داره، تو چیدمان راست به چپ یا باید آیکون مخالفش رو بذاری یا با CSS آینه اش کنی. آیکون های بی سو مثل خانه، جستجو و تنظیمات به این کار نیازی ندارن.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.