Iconify: ओपन सोर्स आइकन लाइब्रेरी

 (icon-sets.iconify.design)
16 पॉइंट द्वारा GN⁺ 2026-01-19 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • विभिन्न ओपन सोर्स आइकन सेट्स को एक ही जगह एक्सप्लोर और इस्तेमाल करने के लिए आइकन इंटीग्रेशन प्लेटफ़ॉर्म
  • कई कैटेगरी में वर्गीकृत 204 सेट्स, लगभग 2.8 लाख आइकन उपलब्ध
  • API के ज़रिये आइकन जानकारी लाना और SVG/CSS जनरेशन को सपोर्ट करता है। सर्च API भी उपलब्ध है, इसलिए Figma/Sketch प्लगइन में उपयोग संभव है
  • हर सेट Apache 2.0, MIT, CC BY, GPL जैसी विभिन्न ओपन लाइसेंस के तहत वितरित होता है
  • Google Material, Fluent UI, Font Awesome, Tabler, HeroIcons जैसे मुख्य design systems के आइकन शामिल हैं

Iconify का अवलोकन

  • Iconify ओपन सोर्स आइकन सेट्स का एक केंद्रीय रिपॉज़िटरी है, जहाँ वेब-आधारित इंटरफ़ेस के माध्यम से विभिन्न आइकन एक्सप्लोर किए जा सकते हैं
  • हर आइकन सेट नाम, लाइसेंस प्रकार, आइकन की संख्या और अलग लिंक के साथ दिया गया है
  • उपयोगकर्ता कैटेगरी के अनुसार फ़िल्टर करके Material, UI, Emoji, Logos, Programming आदि सेट्स चुन सकते हैं

प्रमुख आइकन कैटेगरी

  • Material श्रेणी: Material Symbols, Material Design Icons आदि 6 सेट्स, जिनमें अधिकतम 15,000 से ज़्यादा आइकन शामिल हैं
  • UI 24px सेट्स: Solar, Tabler, Remix, Lucide, Iconoir आदि 50 से अधिक सेट्स, जो अलग-अलग स्टाइल और साइज़ देते हैं
  • UI 16px / 32px सेट्स: Carbon, IonIcons, Ant Design Icons, Bootstrap Icons आदि 18 सेट्स शामिल
  • UI Other / Mixed Grid: Fluent UI System Icons (18,959), Phosphor (9,072) जैसे कई बड़े सेट्स शामिल
  • UI Multicolor सेट्स: Streamline, Fluent Color, IconPark आदि के रंगीन आइकन उपलब्ध
  • Programming सेट्स: VSCode Icons, Devicon, File Icons आदि, डेवलपमेंट एनवायरनमेंट के लिए विशेष 9 सेट्स
  • Logos सेट्स: Simple Icons, SVG Logos, Web3 Icons आदि, ब्रांड और लोगो-केंद्रित 15 सेट्स
  • Emoji सेट्स: OpenMoji, Twemoji, Noto Emoji आदि 11 सेट्स
  • Flags / Maps सेट्स: Circle Flags, Flag Icons आदि 7 सेट्स शामिल
  • Thematic सेट्स: Game Icons, Health Icons, Weather Icons आदि विषय-आधारित 8 सेट्स
  • Archive / Unmaintained सेट्स: Font Awesome 4~6, Eva Icons आदि पुराने वर्ज़न के 30 सेट्स संग्रहीत

लाइसेंस की विविधता

  • हर सेट Apache 2.0, MIT, CC BY, GPL, OFL (Open Font License) जैसी विभिन्न ओपन लाइसेंस के तहत वितरित होता है
  • कुछ सेट्स CC0 (public domain) या Unlicense के रूप में स्वतंत्र उपयोग के लिए उपलब्ध हैं
  • लाइसेंस जानकारी स्पष्ट रूप से दी गई है, इसलिए व्यावसायिक उपयोग और संशोधन की अनुमति आसानी से जाँची जा सकती है

प्रमुख आइकन सेट्स के उदाहरण

  • Fluent UI System Icons: MIT लाइसेंस, 18,959 आइकन
  • Material Symbols Light: Apache 2.0, 15,180 आइकन
  • Tabler Icons: MIT, 5,986 आइकन
  • Simple Icons: CC0, 3,379 ब्रांड लोगो
  • OpenMoji: CC BY-SA 4.0, 4,449 इमोजी

उपयोगिता

  • विभिन्न design systems और frameworks में संगत आइकन एक्सेसिबिलिटी सुनिश्चित करता है
  • डेवलपर्स और डिज़ाइनर्स प्रोजेक्ट की ज़रूरत के अनुसार स्टाइल और लाइसेंस तुरंत चुन सकते हैं
  • ओपन सोर्स इकोसिस्टम में आइकन पुन: उपयोग और मानकीकरण को बढ़ावा देने वाला resource platform
  • आधिकारिक डॉक्स पेज पर उपयोग विधि और API/प्लगइन जानकारी देखी जा सकती है

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2026-01-19
Hacker News की राय

  • Iconify में API के जरिए आइकन SVG सीधे लाए जा सकते हैं
    मैं अक्सर D2 से आर्किटेक्चर डायग्राम बनाता हूँ, और Iconify की विशाल आइकन लाइब्रेरी के साथ यह विज़ुअली काफी अधिक समृद्ध हो जाता है
    उदाहरण के लिए, Docker और Kubernetes को जोड़ने वाले डायग्राम में उनके-उनके SVG आइकन निर्दिष्ट किए जा सकते हैं

  • कुछ SVG पर animation लागू है, और सर्च भी किया जा सकता है
    मैंने इन आइकनों का इस्तेमाल ऑफलाइन टेक्स्ट एडिटर wrifocus.bounded.cc में किया था, और नतीजा बहुत संतोषजनक था

    • जानना चाहूँगा कि आपने कौन-सा आइकन सेट इस्तेमाल किया। “contains animations” से फ़िल्टर करने पर केवल loader और weather आइकन सेट जैसे विकल्प दिखते हैं
    • settings आइकन में gear के घूमने वाला animation खास तौर पर शानदार है। एडिटर खुद भी प्रभावशाली है
      क्या इसे ऑनलाइन भी सर्वर पर डेटा सेव करने के तरीके से इस्तेमाल किया जा सकता है, और आपने इसे ऑफलाइन browser-based रूप में क्यों बनाया, यह जानने की उत्सुकता है
    • साझा करने के लिए धन्यवाद। मैं यह भी जानना चाहता हूँ कि क्या इस प्रोजेक्ट को self-hosted रूप में चलाया जा सकता है

  • icones.js.org ऐसे आइकनों को खोजने के लिए एक अच्छी साइट है

  • icon optimization विषय पर कुछ लिखने का मन होता है
    जब वेबसाइटें आइकन inline नहीं करतीं और layout हिलने लगता है, तो काफ़ी झुंझलाहट होती है

    • सहमत हूँ। inline आइकन एक अच्छा तरीका हैं, लेकिन इससे DOM का आकार बढ़ सकता है
      आइकन की जटिलता या दोहराए गए उपयोग की मात्रा के अनुसार lazy loading कभी-कभी बेहतर हो सकता है
      मूल रूप से यह जगह पहले से reserve न होने की वजह से पैदा होने वाली समस्या है
    • width/height attributes देना भी अच्छा समाधान है। aspect-ratio की भी अक्सर सिफारिश की जाती है
      हालांकि, inline आइकनों में caching संभव नहीं रहती
      संबंधित संदर्भ: web.dev का CLS optimization लेख

  • पिछली चर्चा का लिंक: सितंबर 2024 की चर्चा

  • इस प्रोजेक्ट के लिए बहुत प्रशंसा। मैं इसे अपनी बनाई लगभग हर चीज़ में रोज़ इस्तेमाल करता हूँ
    k3s प्रोजेक्ट के लिए devicon के color version और monochrome version दोनों उपलब्ध देखकर मैं चकित रह गया

  • Pictogrammers के पास एक छोटा-सा फ़ायदा है
    यह Material आइकनों के लिए Home Assistant code सीधे दे देता है, इसलिए एक क्लिक में ज़रूरी कोड मिल जाता है

  • एक और बेहतरीन आइकन स्रोत के रूप में The Noun Project की सिफारिश करता हूँ
    इसमें free, CC-BY-3.0, और paid license वाले आइकनों का मिश्रण है

    • लेकिन paid subscription न लेने पर SVG से अनावश्यक code हाथ से हटाना पड़ता है, जो असुविधाजनक है

  • सबसे अच्छी आइकन लाइब्रेरी कौन-सी है, इस सवाल पर कई तरह के जवाब

    • व्यक्तिगत रूप से मुझे लगता है कि लगभग 2005 के आसपास का famfamfam Silk आइकन सेट अपने शिखर पर था
      अफ़सोस यही था कि उसका high-resolution या SVG version नहीं था, लेकिन आजकल शायद AI से इसकी भरपाई की जा सकती है
      देखें / डाउनलोड
    • Lucide की सिफारिश करता हूँ
    • मुझे Phosphor Icons पसंद हैं। इसके अलावा मैं आम तौर पर Material UI Icons इस्तेमाल करता हूँ
    • मैं ज़्यादातर game development के लिए FlatIcon का बहुत उपयोग करता हूँ
    • SVGRepo काफी user-friendly है, क्योंकि इसमें stroke thickness और color जैसी चीज़ें सीधे समायोजित की जा सकती हैं

  • मेरी साइट universymbols.com Iconify के कई आइकन सेटों को AI image model के जरिए विस्तार दे सकती है
    इसलिए मौजूदा बड़े सेटों के अलावा और भी अधिक मौलिक आइकन सेट बनाए जा सकते हैं