About Noun Project
Noun Project is an MCP server that lets Claude Code search The Noun Project and retrieve icon information. It also supports collections, search suggestions, usage checks, and customized download links.
Key features
- 01Search icons with filters
- 02Retrieve icon details
- 03Browse icon collections
- 04Suggest search terms
- 05Check API usage
- 06Create customized download URLs
Use cases
- 01Find icons by subject and style
- 02Inspect an icon before selecting it
- 03Retrieve a customized SVG or PNG link
MCP support
Exposes The Noun Project API through MCP tools for icon search, details, collections, autocomplete, usage tracking, and download URLs.
Configuration
Local server config is the same for every client. Copy it into your client’s MCP config file.
npx -y noun-project-mcpNOUN_PROJECT_API_KEYSecretNOUN_PROJECT_API_SECRETSecretLocal servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.
Tools
7Saved tool list · updated 2w ago
| Parameter | Type | Required | Description |
|---|---|---|---|
| limit | number | No | Maximum number of results to return |
| query | string | Yes | Search term for icons (e.g., "dog", "house", "bicycle") |
| styles | enum | No | Filter by icon style: solid, line, or both (solid,line)solid | line | solid,line |
| include_svg | enum | No | Set to 1 to include SVG URLs in the response0 | 1 |
| line_weight | number|string | No | For line icons, filter by line weight (1-60) or range (e.g., "18-20") |
| thumbnail_size | enum | No | Thumbnail size to return (42, 84, or 200 pixels)42 | 84 | 200 |
| limit_to_public_domain | enum | No | Set to 1 to limit results to public domain icons only0 | 1 |
Details
From the project READMENoun Project MCP Server
A Model Context Protocol (MCP) server for The Noun Project API, enabling Claude Code to search and retrieve icons programmatically.
Features
- Icon Search: Search for icons with advanced filters (style, line weight, public domain)
- Icon Details: Get detailed information about specific icons
- Collections: Retrieve icon collections
- Autocomplete: Get search term suggestions
- Usage Tracking: Monitor API quota and usage
- Download URLs: Get customized download links with color and size options
Prerequisites
- Node.js: Version 18 or higher
- Noun Project API Credentials: Get your API key and secret from The Noun Project
Installation
Quick Install (Recommended)
Install directly from npm and add to Claude Code in one command:
claude mcp add --transport stdio noun-project \
--env NOUN_PROJECT_API_KEY=your_api_key_here \
--env NOUN_PROJECT_API_SECRET=your_api_secret_here \
-- npx -y noun-project-mcp
Replace your_api_key_here and your_api_secret_here with your actual credentials from The Noun Project.
Local Development
- Clone and navigate to the repository:
git clone https://github.com/sgup/noun-project-mcp.git
cd noun-project-mcp
- Install dependencies:
npm install
- Build the TypeScript code:
npm run build
- Add to Claude Code using local path:
claude mcp add --transport stdio noun-project \
--env NOUN_PROJECT_API_KEY=your_api_key_here \
--env NOUN_PROJECT_API_SECRET=your_api_secret_here \
-- node /absolute/path/to/noun-project-mcp/dist/index.js
Available Tools
1. search_icons
Search for icons with various filters.
Parameters:
query(required): Search term (e.g., "dog", "house")styles(optional): Filter by style - "solid", "line", or "solid,line"line_weight(optional): For line icons, specify weight (1-60) or range (e.g., "18-20")limit_to_public_domain(optional): Set to 1 for public domain onlythumbnail_size(optional): 42, 84, or 200 pixelsinclude_svg(optional): Set to 1 to include SVG URLslimit(optional): Maximum number of results
Example:
{
"query": "dog",
"styles": "line",
"limit": 10
}
2. get_icon
Get detailed information about a specific icon.
Parameters:
icon_id(required): The icon's unique IDthumbnail_size(optional): 42, 84, or 200 pixels
Example:
{
"icon_id": 12345,
"thumbnail_size": 200
}
3. get_collection
Retrieve a collection and its icons.
Parameters:
collection_id(required): The collection's unique IDthumbnail_size(optional): 42, 84, or 200 pixelsinclude_svg(optional): Set to 1 to include SVG URLslimit(optional): Maximum number of icons to return
Example:
{
"collection_id": 123
}
4. icon_autocomplete
Get autocomplete suggestions for search terms.
Parameters:
query(required): Partial search termlimit(optional): Maximum number of suggestions
Example:
{
"query": "hom",
"limit": 5
}
5. check_usage
Check current API usage and limits.
Parameters: None
6. get_download_url
Get a download URL for an icon with customization.
Parameters:
icon_id(required): The icon's unique IDcolor(optional): Hexadecimal color (e.g., "FF0000")filetype(optional): "svg" or "png"size(optional): For PNG, size in pixels (20-1200)
Example:
{
"icon_id": 12345,
"color": "FF0000",
"filetype": "png",
"size": 512
}
Development
Run in development mode with auto-rebuild:
npm run dev
Build for production:
npm run build
Start the server:
npm start
API Reference
This MCP server uses The Noun Project API v2. For more details about the API:
Authentication
The Noun Project API uses OAuth 1.0 authentication. This server handles all OAuth signing automatically using your API credentials.
Usage Limits
The Noun Project API has monthly usage limits. Use the check_usage tool to monitor your quota.
Troubleshooting
"NOUN_PROJECT_API_KEY and NOUN_PROJECT_API_SECRET must be set"
Make sure you included the --env flags when running claude mcp add. You can verify your configuration with:
claude mcp list
To update your credentials, remove and re-add the server:
claude mcp remove noun-project
claude mcp add --transport stdio noun-project \
--env NOUN_PROJECT_API_KEY=your_new_key \
--env NOUN_PROJECT_API_SECRET=your_new_secret \
-- npx -y noun-project-mcp
"Invalid signature" errors
Verify that your API key and secret are correct and haven't been regenerated in The Noun Project dashboard.
Connection issues
Ensure you have an active internet connection and that The Noun Project API is accessible.
License
MIT
Support
For issues with this MCP server, please file an issue on the repository.
For issues with The Noun Project API, visit their support page.
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.