🚨SON DAKİKA: Birisi, diğer tüm SVG paketlerini geride bırakan bir teknoloji ikon kütüphanesini açık kaynak kodlu hale getirdi.
Adı Developer Icons. Ve bu sadece bir logo koleksiyonu değil.
Bu, kullandığınız her büyük çerçeve, dil ve araç için özelleştirilebilir, mükemmel ölçeklenebilir SVG'lere sahip, tamamen tiplendirilmiş bir React bileşen kütüphanesidir.
İşte onu farklı kılan özellikler:
→ Her simge, tür belirtilmiş bir React bileşeni olarak gelir (HtmlIcon, JavascriptIcon, ReactIcon, vb.)
→ Boyut, renk, çizgi kalınlığı ve stili standart SVG özellikleriyle özelleştirin
→ SVGO ile optimize edildiği için dosya boyutları kalite kaybı olmadan mikroskobik kalır
→ Her marka için açık mod, koyu mod ve logo varyantları yerleşik olarak bulunur
→ Tüm sette tutarlı tasarım kuralları (artık uyumsuz çizgi kalınlıkları yok)
→ React, Next.js, Astro'da çalışır veya Figma için ham SVG'leri indirin
→ Tek komutla yükleyin: `npm i developer-icons`
→ Sıfır yapılandırma. Simgeyi içe aktarın, JSX'inize bırakın, bitti.
İşte en ilginç kısım:
Çoğu geliştirici, temiz bir Postgres logosu bulmak için 20 dakika, ardından Tailwind logosunun yanında bulanık görünmemesi için 10 dakika daha boyutlandırmakla zaman kaybeder.
Developer Icons bu sorunun tamamını önceden çözüyor. Her simge aynı tasarım sistemini, aynı optimizasyon sürecini ve aynı bileşen API'sini takip eder.
Portföyünüze 15 teknoloji logosu ekleyin; hepsi birbirine aitmiş gibi görünür.
import { HtmlIcon, JavascriptIcon } from "developer-icons";
<JavascriptIcon size={52} />
İşte bu kadar. Tamamen tipli. Tamamen ölçeklenebilir. MIT lisanslı.
Astro, React, TypeScript, Tailwind ve Vite ile geliştirildi. 17 katkıda bulunan. 40 sürüm yayınlandı.
0 Açık Kaynak.
(Bağlantı yorumlarda)