# IconsDB IconsDB is a searchable library of open-source icons, logos, flags, and emoji, with semantic search and code-ready outputs for web developers and designers. Its MCP server lets supported coding agents find icons by intent and return imports suited to a project's existing icon packages. - Findings24: - ウェブサイト: - 料金: Freemium - カテゴリー: MCPツール ## IconsDBとは？ IconsDB is a searchable library for open-source icons, logos, file-type symbols, flags, and emoji. It brings together collections such as Lucide, Heroicons, Tabler, Phosphor, Material Symbols, Font Awesome, Simple Icons, and multiple emoji sets. Users can search by concept, browse by icon name or collection, and narrow results by category, visual style, animation, and license-related filters. Results can be previewed with different colors and layouts, then used in implementation formats including SVG, React, Vue, and CSS. For development workflows, IconsDB provides a remote MCP server for supported coding agents. The server can inspect project dependencies, search for icons by intent, favor a set that covers multiple concepts consistently, and return package-aware imports or alternative component formats. Each icon retains the license selected by its original author, so licensing and attribution should be checked before redistribution or use of branded artwork. ## IconsDBでできること ### Semantic icon search Search for concepts and actions such as “shopping cart,” “log out,” or “a lady cooking” instead of relying only on exact icon names. The MCP workflow describes hybrid keyword and semantic ranking across the available sets. ### Broad open-source library Browse general icon collections alongside logos, file types, flags, and emoji. The site lists established sets including Lucide, Tabler, Phosphor, Material Symbols, Font Awesome, Simple Icons, Noto Emoji, and OpenMoji. ### Visual and collection filters Filter by category, icon set, outline, filled, duotone, light, color, animation, and animated-only results. Preview controls include icon color and compact, grid, or large layouts. ### Code-oriented output formats The product documentation describes copying or generating icons as SVG, React, Vue, CSS, JSX, Svelte, Solid, Iconify, Unplugin, data URI, and related formats through its MCP tools. ### Package-aware MCP workflow The remote MCP server can detect icon packages in a project, keep results compatible with an existing dependency such as lucide-react, and return the set’s own import, an Iconify component, or an inline no-dependency component. ### License and attribution reference IconsDB records each set’s author, license, attribution status, and link to the full license text. It does not relicense the artwork, and it identifies additional trademark considerations for brand and product logos. ## 利用シーン ### Finding an icon during interface design Search a UI concept, compare results from different visual families, and use style or category filters to find an icon that fits a navigation bar, dashboard, form, or marketing page. ### Adding icons to an existing codebase Connect the MCP server to a supported coding agent and provide the project’s dependencies. The agent can return imports from an icon package already in use instead of introducing an unrelated library. ### Building a consistent navigation set Ask for several concepts in one request, such as home, settings, and log out. The MCP workflow can report which single icon set covers the requested concepts, helping avoid mixing incompatible styles. ### Selecting logos, flags, or emoji Use the dedicated library groups to locate technology logos, brand marks, file-type symbols, flags, or emoji rather than searching only the general icon collection. ### Checking reuse requirements Before shipping or redistributing assets, consult the set-level license information to identify whether attribution is required and whether modified CC-BY-SA artwork carries share-alike obligations. ## よくある質問 ### What kinds of assets can I search in IconsDB? The library includes general-purpose icons, logos, file-type symbols, flags, and emoji. Its listed collections include Lucide, Heroicons, Tabler, Phosphor, Material Symbols, Font Awesome, Simple Icons, Noto Emoji, OpenMoji, and many other open-source sets. ### Which output formats are available? The site describes outputs including SVG, React, Vue, and CSS. The MCP tools also document JSX, Svelte, Solid, Iconify, Unplugin, data URI, and inline component outputs. ### How does the MCP integration work? IconsDB provides a remote MCP endpoint at https://iconsdb.app/mcp. Supported agents can connect to it, detect icon packages from project dependencies, search by intent, and request package-aware code. The documented setup does not require a local installation or API key; the agent opens a browser once for sign-in. ### Do all icons have the same license? No. IconsDB keeps each set’s original license. Many collections use MIT, ISC, Apache-2.0, or CC0, while some require attribution under CC-BY-4.0 or CC-BY-SA-4.0. Check the individual set’s license and attribution instructions, especially for brand logos. ### Does using a brand logo grant trademark rights? No. The set license covers the SVG artwork only and does not grant trademark rights. IconsDB advises following the relevant brand’s usage guidelines and does not claim affiliation or endorsement. ## クイック情報 - **Product type**: Open-source icon, logo, flag, and emoji search library - **Primary users**: Web developers, designers, and users of coding agents - **Search workflow**: Browser search by concept, name, collection, style, category, animation, and license filter - **Developer integration**: Remote MCP server at iconsdb.app/mcp - **Documented agents**: Claude Code, Cursor, Codex CLI, VS Code Copilot, Windsurf, Gemini CLI, and Zed - **Licensing model**: Original set licenses remain in force; some collections require attribution