آیکون نشانه کوچک و تکرارشونده رابط است. کتابخانه آیکون قلموم مجموعه‌های خطی و برند را یکجا قابل جست‌وجو کرده تا آیکون را پیدا کنی، رنگ و اندازه و ضخامت خط را تنظیم کنی و SVG، PNG، WebP یا JSX تحویل بگیری.
آیکون رابط
مجموعه‌های Lucide، Tabler و Heroicons برای فلش، فایل، رسانه و اجزای رابط. ضخامت خط را یکدست نگه دار.
آیکون برند
نشان نرم‌افزار، سایت و شبکه اجتماعی. می‌توانی رنگ اصلی برند را ببینی یا یک رنگ واحد از همین صفحه روی همه بگذاری.
چهار خروجی
SVG برای طراحی و کد، PNG و WebP برای تصویر، و JSX برای کامپوننت. اندازه خروجی همان عددی است که انتخاب کرده‌ای.
کدام مجموعه آیکون را انتخاب کنی؟
| مجموعه | مناسب برای | نکته |
|---|---|---|
| Lucide و Tabler و Heroicons | رابط محصول | ضخامت خط را در کل محصول یکی کن |
| نرم‌افزارها و شبکه‌ها | معرفی ابزار و شبکه | رنگ برند یا رنگ دلخواه پروژه |
| خروجی SVG | فایل طراحی و کد | بدون افت کیفیت بزرگ می‌شود |
| خروجی PNG و WebP | اسلاید و شبکه اجتماعی | اندازه را قبل از دانلود مشخص کن |
جست‌وجو و شخصی‌سازی در قلموم
نام را فارسی یا انگلیسی جست‌وجو کن؛ فیگما، تلگرام یا پوشه. رنگ را با پالت رنگی پروژه یکی کن. اگر آیکون کنار متن است، کوچک‌تر از آیکونی باشد که تنها روی یک کارت نشسته.
- جست‌وجوی نام فارسی و انگلیسی
- تغییر رنگ، اندازه و ضخامت خط
- رنگ برند یا رنگ یکدست برای نشان‌ها
- دانلود SVG و PNG و WebP و JSX
- دیدن مجوز هر مجموعه کنار همان ابزار
پیش از استفاده تجاری، مجوز همان مجموعه را بخوان. رایگان بودن پیش‌نمایش به‌معنی آزاد بودن هر نوع استفاده نیست.
آیکون خوب آن است که بدون زیرنویس فهمیده شود و با بقیه نشان‌های محصول یک خانواده باشد.
قلموم
پرسش‌های متداول
کتابخانه آیکون قلموم چه مجموعه‌هایی دارد؟
سه مجموعه خطی Lucide، Tabler و Heroicons، به‌علاوه مجموعه نرم‌افزارها و شبکه‌ها برای نشان برند.
رنگ آیکون را چطور با طرح یکی کنم؟
از کنترل رنگ همین صفحه یک رنگ واحد بگذار. در مجموعه برندها هم حالت رنگ اصلی هر نشان وجود دارد.
SVG بهتر است یا PNG؟
برای رابط و کد، SVG. برای جاهایی که فقط تصویر تخت لازم است، PNG یا WebP با اندازه مشخص.