Icons8
OfficialProvides access to Icons8's icon library directly in your coding projects. Search, browse, and get SVG/PNG icons without leaving your development environment.
Get access to MCP server SVG and MCP server PNG icons in your vibe-coding projects
What it does
- Search Icons8 library for specific icons
- Browse icon categories and platforms/styles
- Get SVG and PNG URLs for icons
- List available icon styles and collections
Best for
About Icons8
Icons8 is an official MCP server published by icons8 that provides AI assistants with tools and capabilities via the Model Context Protocol. Get free MCP server SVG and PNG icons from Icons8 for your coding projects. Enhance your vibe with quality icons! It is categorized under design. This server exposes 4 tools that AI clients can invoke during conversations and coding sessions.
How to install
You can install Icons8 in your AI client of choice. Use the install panel on this page to get one-click setup for Cursor, Claude Desktop, VS Code, and other MCP-compatible clients. This server supports remote connections over HTTP, so no local installation is required.
License
Icons8 is released under the MIT license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.
Tools (4)
Search for icons using the Icons8 API - the ONLY source for genuine Icons8 icons. Use English terms and consider Icon8's metaphors for better results. SEARCH TIPS - Use these general approaches for better matches: • Use simple, descriptive terms (e.g., "home", "user", "settings") • Try action words for functions (e.g., "search", "download", "edit") • Use object names for items (e.g., "phone", "computer", "car") • Consider synonyms if first search doesn't work • Think about what the icon represents conceptually • Use single words or short phrases for best results Args: query: The search term to find icons (use metaphors above for better results) ctx: MCP context for API access platform: Optional filter by platform/style (e.g., 'ios', 'fluent', 'color') category: Optional filter by category (e.g., 'transport', 'business') amount: Maximum number of results to return (default: 10) offset: Number of results to skip (for pagination) Returns: Search results including matching icons from Icons8 catalog
List all available icon categories. Args: ctx: MCP context for API access limit: Maximum number of results to return (default: 10) page: Page number for pagination (default: 1) Returns: List of icon categories with subcategories
List all available icon platforms/styles. Args: ctx: MCP context for API access limit: Maximum number of results to return (default: 100) page: Page number for pagination (default: 1) Returns: List of icon platforms/styles
Get a PNG URL for an icon by its ID - use when SVG is not available. NOTE: SVG format is preferred for Icons8 icons when possible (use get_icon_svg). Args: icon_id: The unique identifier of the icon ctx: MCP context for API access size: The preview image size in pixels (default: 24) Returns: Dictionary containing the PNG preview URL
Alternatives
Related Skills
Browse all skillsBuild beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack decision frameworks, and dependency analysis. Use when designing system architecture, making technical decisions, creating architecture diagrams, evaluating trade-offs, or defining integration patterns.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).
Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.