mcpField
N
Noun Project

Noun Project

Local
github.com/sgupMedia & Design5Updated 51w ago

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

  1. 01Search icons with filters
  2. 02Retrieve icon details
  3. 03Browse icon collections
  4. 04Suggest search terms
  5. 05Check API usage
  6. 06Create customized download URLs

Use cases

  1. 01Find icons by subject and style
  2. 02Inspect an icon before selecting it
  3. 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.

mcp.json · Universal config
{
"mcpServers": {
"noun-project": {
"command": "npx",
"args": [
"-y",
"noun-project-mcp"
],
"env": {
"NOUN_PROJECT_API_KEY": "<NOUN_PROJECT_API_KEY>",
"NOUN_PROJECT_API_SECRET": "<NOUN_PROJECT_API_SECRET>"
}
}
}
}
Run commandnpx -y noun-project-mcp
Environment variables to set
NOUN_PROJECT_API_KEYSecret
NOUN_PROJECT_API_SECRETSecret

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npmnoun-project-mcp

Tools

7

Saved tool list · updated 2w ago

ParameterTypeRequiredDescription
limitnumberNoMaximum number of results to return
querystringYesSearch term for icons (e.g., "dog", "house", "bicycle")
stylesenumNoFilter by icon style: solid, line, or both (solid,line)solid | line | solid,line
include_svgenumNoSet to 1 to include SVG URLs in the response0 | 1
line_weightnumber|stringNoFor line icons, filter by line weight (1-60) or range (e.g., "18-20")
thumbnail_sizeenumNoThumbnail size to return (42, 84, or 200 pixels)42 | 84 | 200
limit_to_public_domainenumNoSet to 1 to limit results to public domain icons only0 | 1

Details

From the project README

Noun 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

  1. Node.js: Version 18 or higher
  2. 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
  1. Clone and navigate to the repository:
git clone https://github.com/sgup/noun-project-mcp.git
cd noun-project-mcp
  1. Install dependencies:
npm install
  1. Build the TypeScript code:
npm run build
  1. 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 only
  • thumbnail_size (optional): 42, 84, or 200 pixels
  • include_svg (optional): Set to 1 to include SVG URLs
  • limit (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 ID
  • thumbnail_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 ID
  • thumbnail_size (optional): 42, 84, or 200 pixels
  • include_svg (optional): Set to 1 to include SVG URLs
  • limit (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 term
  • limit (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 ID
  • color (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

Markdown supported

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.