کتابخانه
ionicons یه مجموعه آیکون SVG متن باز برای پروژه های وب و اپ موبایله که تیم Ionic ساخته. بیشتر آیکون هاش سه حالت توپر، خطی و تیز دارن و با یه المان نشون داده می شن. تو سایت وردپرسی، قالب سفارشی یا پنل مدیریت می تونی بدون فونت آیکون و بدون وابستگی به فریم ورک ازش استفاده کنی.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز MIT؛ هش هر فایل با منبع بررسی شده است.
۵٫۸ مگابایت· ۴۱۲۷ فایل· انتشار
SHA-256: fadbaa00896b0ed5228aa9a72182c33a6446cf5c66771952e13d02ea712e4cfe
ionicons یه کتابخونه آیکونه که اول برای فریم ورک Ionic ساخته شد، ولی به اون محدود نیست. آیکون ها SVG هستن، یعنی روی هر صفحه ای تیز دیده می شن و رنگ و اندازه شون رو با CSS کنترل می کنی. لازم نیست برای هر آیکون یه فایل تصویری جدا بسازی. اسم آیکون رو می نویسی و کتابخونه بقیه کارها رو انجام می ده. خونه، سبد خرید، جستجو، تلفن، فلش و لوگوی شبکه های اجتماعی از جمله چیزهایی هستن که توش پیدا می شه.
بیشتر آیکون ها سه حالت دارن: توپر، خطی و تیز. این برای طراحی خیلی به درد می خوره، چون می تونی یه سبک رو برای کل سایت انتخاب کنی و ظاهر یکدست بگیری. مثلاً منوی بالا رو با حالت خطی بزنی و دکمه های مهم رو با حالت توپر، بدون اینکه چند مجموعه آیکون مختلف رو قاطی کنی. اگه با یه سبک شروع کنی و وسط کار عوضش کنی، باید تک تک اسم ها رو دست بزنی، پس همون اول تصمیم بگیر.
ionicons برای قالب های سفارشی وردپرس، صفحه های فرود، پنل های مدیریتی و اپ های مبتنی بر Ionic مناسبه. اگه سایتت فقط دو سه آیکون لازم داره، لازم نیست کل مجموعه رو بیاری سراغش؛ همون چند SVG رو مستقیم توی کد بذار. برای آیکون های خیلی تخصصی یا لوگوی برندهای ایرانی هم باید SVG جداگانه تهیه کنی، چون تو این مجموعه نیست.
یه نکته مهم برای سایت های ایرانی: آیکون ها رو از سرویس خارجی لود نکن. وقتی اینترنت بین الملل مختل می شه، آیکون ها یهو غیب می شن و منوها و دکمه ها بی معنی می شن. فایل ها رو روی هاست خودت نگه دار و پوشه آیکون ها رو هم کنار اسکریپت بذار، چون آیکون ها معمولاً موقع نیاز از همون جا لود می شن. اگه آیکونی معنی مهمی داره و کنارش متن نیست، براش یه برچسب متنی بذار تا برای کاربرانی که صفحه خوان استفاده می کنن قابل فهم باشه.
مجوز پروژه MIT هست، پس استفاده تجاری آزاده و فقط باید اطلاعات مجوز رو نگه داری. نسخه های رسمی و بدون تغییر ionicons توی مخزن داخلی ما هم در دسترسه.
نصب ionicons تو یه سایت معمولی چند قدم بیشتر نیست.
اگه پروژه ات با npm ساخته می شه، بسته ionicons رو نصب کن و طبق مستندات رسمی وارد پروژه کن. قبل از انتشار، سایت رو یه بار با اینترنت داخلی تست کن و مطمئن شو هیچ آیکونی از منبع خارجی لود نمی شه. اسم دقیق آیکون ها رو هم از فهرست رسمی چک کن، چون یه حرف اشتباه باعث می شه جای آیکون خالی بمونه.
نه. با اینکه برای Ionic ساخته شده، آیکون ها SVG معمولی هستن و تو هر سایت و پروژه وبی می شه ازشون استفاده کرد. قالب وردپرس، سایت HTML ساده، React یا Vue فرقی نمی کنه. فقط باید کتابخونه رو به صفحه اضافه کنی و اسم آیکون رو بدی.
کد آماده همین صفحه رو از طریق فایل های قالب یا یه افزونه درج کد توی هدر یا فوتر سایت بذار. بعدش هر جا آیکون می خوای، المان ion-icon رو با اسم آیکون توی محتوا یا قالب بنویس. اگه قالبت آماده است، از قالب فرزند استفاده کن تا با به روزرسانی قالب، تغییرهات پاک نشه.
بله. مجوز ionicons از نوع MIT هست و استفاده تجاری، تغییر و توزیع رو اجازه می ده. یعنی برای سایت شرکتی، فروشگاه یا قالبی که برای مشتری می نویسی، نیازی به پرداخت هزینه یا گرفتن اجازه جداگانه نیست. فقط باید اطلاعات مجوز و حق نشر رو نگه داری. برای اطمینان کامل، متن مجوز همراه بسته رو هم یه بار بخون.
اگه فایل ها رو روی هاست خودت بذاری، بله. مشکل وقتی پیش میاد که کتابخونه رو از یه سرویس خارجی لود کنی. پس فایل ها و پوشه آیکون ها رو کنار هم روی هاست خودت نگه دار و قبل از انتشار، سایت رو با اینترنت داخلی تست کن.
با CSS. معمولاً رنگ آیکون از ویژگی color و اندازه اش از font-size یا ویژگی size کنترل می شه. چون آیکون ها SVG هستن، در هر اندازه ای کیفیت شون حفظ می شه و نیازی به چند نسخه تصویر نداری.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.