Icons8 MCP server

Icons8 MCP sunucusu

130 stilde 422.674 SVG ve PNG ikonu, doğrudan zaten kullandığınız AI editörüne

Ücretsiz kullanın

Product Hunt

Günün ürünü

Tek stilde 40.000'e kadar ikon içeren dev ikon paketleri

Arasından seçim yapabileceğiniz 130 stil

Şunlarla çalışır:

Claude Code,

Codex,

Cursor,

Windsurf

ve diğer AI kodlama araçları

Projedeki tüm ikonları trend olanlarla değiştirin

veya başka herhangi bir stille

Tüm madde işaretli listelere ve özellik bloklarına,

süreç adımlarına, gezinmeye vb. ikon ekleyin.

Icons8 MCP kullanılarak yapılan demolar

Emoji stili · 36 ikon

29 ikon, SVG olarak gömülmüş

10 ikon, tek kontur stili

Renk stili · 27 ikon

Icons8 MCP nasıl kullanılır

Neye ihtiyacınız var

• Claude Code, Codex, Cursor, Windsurf, VS Code veya benzeri bir AI kodlama aracı
• Claude Code ve Codex'teki eklenti yolu için Node.js: paketlenmiş sunucu npx mcp-remote üzerinden çalışır. Cursor, Windsurf ve VS Code için manuel yapılandırmalar doğrudan HTTP konuşur, bu nedenle kurulacak bir şey gerekmez

Adım 1: Icons8'e bağlanın

Claude Code

Codex

Cursor

Windsurf

VS Code

Diğer

Terminalinizdeki tek satır hem MCP sunucusunu hem de icons8 becerisini kurar:

claude plugin marketplace add icons8/agent-skills && claude plugin install icons8@icons8

Kodu kopyala

Sunucuyu ilk kullanımda onaylayın, ardından /mcp ile kontrol edin. Kurulum bu kadar.

Claude Code içinde mi kalmak istiyorsunuz? Bu ikisi aynı işi yapar:

/plugin marketplace add icons8/agent-skills

Kodu kopyala

/plugin install icons8@icons8

Kodu kopyala

icons8 becerisi ne ekler

• Proje başına tek stil, icons8.json konumuna kaydedilir. Bunu commit edin; bir sonraki oturum yeni bir stil seçmek yerine aynı stili korur.
• Ayarlar için marka logosu yerine sade bir dişli simgesi (aynı adı paylaşan marka logosu değil).
• Üzerinde çalışırken ücretsiz PNG önizlemeleri; SVG yalnızca onayladığınız set için.

MCP, aracınıza kataloğu verir; beceri ona kuralları verir. Beceri olmadan araç her etiket için ilk arama sonucunu alır ve bu yüzden tek bir ekranda dört farklı stilden ikonlar görünebilir. Apache-2.0 altında açık kaynak: github.com/icons8/agent-skills.

Adım 2: İhtiyacınız olduğunda SVG kilidini açın

Yukarıdakilerin tümü zaten çalışıyor: arama, PNG önizlemeleri, her boyutta yüksek çözünürlüklü PNG. SVG üretim formatıdır ve bir anahtar gerektirir.

Anahtar beşinci bir aracın kilidini açar, get_icon_svg: katalogdaki herhangi bir stil için gerçek SVG, sorunsuz ölçeklenir ve metin rengini takip eder. PNG, Icons8'e geri bağlantı ile ücretsiz kalır. $15'a abone olun, ardından hesabınızın MCP sekmesinden hazır kurulum kodunu alın: anahtarınız doldurulmuş olarak gelir. Veya anahtarı herhangi bir yapılandırmaya elle ekleyin:

{ "mcpServers": { "icons8mcp-svg": { "type": "http", "url": "https://mcp.icons8.com/mcp/", "headers": { "Authorization": "Bearer YOUR_API_KEY" } } } }

Kodu kopyala

Claude Code'da aynı şey tek komuttur:

claude mcp add --transport http icons8mcp-svg https://mcp.icons8.com/mcp/ --header "Authorization: Bearer YOUR_API_KEY"

Kodu kopyala

Anahtarın ulaştığını kontrol edin: claude mcp list komutunu çalıştırın. Beş araç anahtarın geldiği anlamına gelir ve beşincisi get_icon_svg'tür. Dört araç, başlığın sunucuya ulaşmadığı anlamına gelir.

Adım 1'de eklentiyi mi kurdunuz? O zaman sunucunuz paketlenmiş anahtarsız olanıdır, bu nedenle ne isterseniz isteyin SVG kilitli kalır. Yukarıdaki anahtarlı sunucuyu ekleyin: ikisi yan yana çalışır, PNG araçları yalnızca iki kez görünür ve anahtarsız olanı istemcinizde devre dışı bırakabilirsiniz.

Adım 3: İkonları projenize getirin

İhtiyacınız olanı isteyin. Aklınızda bir stil varsa adını verin; yoksa önce birkaçını görmeyi isteyin: PNG önizlemeleri ücretsizdir ve anahtar gerektirmez, bu nedenle karşılaştırmanın maliyeti yoktur.

• "Bana altı farklı Icons8 stilinde PNG önizlemeleri olarak bir ayarlar ikonu göster ve her stilin adını söyle."
• "Bir ayarlar ekranı oluştur. Icons8'den ikonlar, Material Outlined, 24px."
• "Bu projedeki her ikonu Flat Color ile değiştir ve mevcut boyutları koru."
• "Açılış sayfasındaki altı özellik bloğuna tek stilde, 48px ikon ekle."

Görünümü tarif etmek de işe yarar: "ince kontur, renksiz, 24px", "açılış sayfası için düz renk", "el çizimi". Beceri, aracınızın seçtiği stili icons8.json konumuna kaydeder; böylece sonraki oturumlar bunu otomatik olarak korur. 130 stilin tamamı icons8.com/icons adresinde görüntülenebilir.

Prompt'a yazmaya değer üç şey

• Stil. Bir kez adlandırın; beceri, tüm proje için icons8.json içinde kilitler. Kimlikler stile özgüdür, bu nedenle stili daha sonra değiştirmek her ikonu yeniden seçmek anlamına gelir.
• Boyut. Her stil tek bir boyut için çizildi: 16px gliflerden 64px renkli sahnelere. Aracınıza seçtiğiniz stilin hangi boyut için çizildiğini sorun ve bunu veya iki katını kullanın. 50px bir ikon 16px'e küçültüldüğünde, onu okunaklı yapan ayrıntılar kaybolur.
• Format. PNG önizlemeleri ücretsiz ve anındadır; bu nedenle onlarla yineleyin ve set finalleştikten sonra SVG isteyin. SVG bir anahtar gerektirir, bkz. Adım 2.

İşte aynı ekran iki kez oluşturulmuş hali: solda stil adlandırılmamış, bu nedenle araç her etiket için ilk sonucu almış. Sağda tüm ekran için tek stil adlandırılmış.

Stil adlandırılmadı

İkonlar dört farklı stilden gelir: Ayarlar için bir marka logosu, tek renkli bir kenar çubuğunda tam renkli bir avatar, bir durum için bir emoji.

Material Outlined, 24px

18 ikon, tek kontur ağırlığı, tek görünüm. Her ikon metin rengini takip eder; böylece karanlık mod ve temalama ücretsiz gelir.

İlham için canlı demolara göz atın. Bir şey çalışmazsa SSS bölümüne bakın.

Sık sorulan sorular

"No API key" diyorsa ne yapmalıyım?

$15'a abone olun, kurulum kodu için Icons8 hesabınızda MCP sekmesini bulun. Alternatif olarak, Icons8 geliştirici portalından bir API anahtarı alın.

Bir ikon stilini tüm proje boyunca nasıl korurum?

Adım 1'deki icons8 becerisi bunu sizin için yapar: tüm proje için bir paket seçer ve icons8.json içinde kilitler. Dosyayı commit edin; bir sonraki oturum veya başka bir aracı aynı stili korur. Beceri olmadan, ilk promptunuzda stili adlandırın ve daha sonra ikon eklediğinizde tekrarlayın. Kimlikler stile özgüdür: aynı ikonun her stilde farklı bir kimliği vardır; bu nedenle stili daha sonra değiştirmek her ikonu yeniden seçmek anlamına gelir.

Hangi formatları alıyorum?

SVG (API anahtarı ile), tüm kullanıcılar için PNG önizlemeleri.

PNG ikonlarını MCP sunucusu ile ücretsiz indirebilir miyim?

Evet, Icons8 MCP sunucusuna bağlandığınızda PNG ikon önizlemeleri API anahtarı olmadan kullanılabilir.

Ücretsiz sürümün lisans koşulları nelerdir?

MCP aracılığıyla indirilen tüm PNG ikonları, üretimde de bize geri bağlantı verdiğiniz sürece ücretsiz olarak kullanılabilir. Lisansımıza buradan göz atın. Üretim arayüzünde ölçeklenen varlıklar için API anahtarıyla SVG kullanın.

Bu açık kaynak mı?

Beceri ve eklenti GitHub'da Apache-2.0 lisanslıdır ve skills.sh listesi Socket, Snyk ve Gen Agent Trust Hub güvenlik denetimlerinden geçer. İkonların kendileri ayrı olarak lisanslanmıştır: atıfla ücretsiz, ücretli planda SVG.

API anahtarına ihtiyacım var mı?

PNG anahtar olmadan çalışır, SVG indirmeleri ücretli bir API anahtarı gerektirir; hesabınızın MCP sekmesinde bulabilirsiniz.

SVG istiyorum ama yine de PNG alıyorum

claude mcp list komutunu çalıştırın ve araçları sayın. Dört olması, anahtarın sunucuya ulaşmadığı anlamına gelir; bu nedenle yapılandırmanızdaki Authorization başlığını kontrol edin veya MCP sekmesinden hazır olanı kopyalayın. Beş araç ve yine PNG: promptta formatı adlandırın ve eklentiyi kurduysanız aracınızın paketlenmiş anahtarsız sunucuyu değil, anahtarlı sunucuyu kullandığından emin olun.

Hangi ikon boyutunu istemeliyim?

Stilin çizildiği boyut: Simple Small için 16px, Material ve Windows 11 için 24px, iOS için 30-50px, renk stilleri için 48px ve üzeri. Büyük bir stil küçük kullanıldığında ayrıntılar kaybolur. Aracınız herhangi bir stilin hangi boyut için çizildiğini söyleyebilir.

İkonları toplu olarak indirebilir miyim?

Henüz değil, ancak şu anda üzerinde aktif olarak çalıştığımız özellik tam olarak bu.

OpenAI Codex ile çalışıyor mu?

Evet. codex mcp add icons8mcp --url https://mcp.icons8.com/mcp/ komutunu çalıştırın, ardından beceriyi npx skills add icons8/agent-skills --skill icons8 ile ekleyin. SVG için, Anahtarınızı Codex'e --bearer-token-env-var ile gösterin, bkz. Adım 2.

Yardıma mı ihtiyacınız var?

Dokümantasyonumuza göz atın veya bizimle sohbet edin.