مكتبة أيقونات Base64
تصفح أكثر من 6,000 أيقونة SVG مفتوحة المصدر وانسخها بصيغة Base64 للاستخدام في HTML أو CSS أو JSON.
Source
Style
Category
الأيقونات من Lucide (ISC) وHeroicons (MIT) وSimple Icons (CC0 1.0). أيقونات العلامات التجارية ملك لأصحابها.
Frequently Asked Questions
Why use Base64 icons instead of icon fonts or SVG sprites?
Base64 icons eliminate HTTP requests and work in CSS background-image, email templates, and JSON APIs where external files are not available.
When should I NOT use Base64 icons?
For large icon sets on a single page. Each Base64 icon is inline and cannot be cached separately by the browser. Use SVG sprites for 10 or more icons on one page.
Can I change the color of a Base64 SVG icon?
Only if the original SVG uses currentColor or inline color attributes. Use this tool's color picker to customize the color before copying.
What is the size difference between SVG and Base64?
Base64 adds approximately 33% overhead. A 500-byte SVG icon becomes about 668 bytes as Base64 — still very small for individual icons.
Are these icons free to use commercially?
Yes. Lucide icons use the ISC license, Heroicons use MIT, and Simple Icons use CC0 (public domain). All are free for commercial use. Check each license for specific attribution requirements.