Icons8 MCP server
공식당신의 바이브 코딩 프로젝트에서 MCP 서버 SVG 및 MCP 서버 PNG 아이콘에 접근할 수 있습니다.
문서
Icons8 MCP 서버
바이브 코딩 프로젝트에서 MCP 서버 SVG 및 MCP 서버 PNG 아이콘에 접근하세요
무료로 사용하기
Product Hunt
오늘의 제품
최대 40,000개의 아이콘이 포함된 거대한 MCP 서버 아이콘 팩
완벽한 커버리지
다음과 함께 작동
Windsurf,
Claude Code,
Cursor
및 기타 AI 코딩 도구
프로젝트의 모든 아이콘을 트렌디한 스타일로 교체하세요
또는 다른 어떤 스타일로든
모든 글머리 기호 목록과 기능 블록,
프로세스 단계, 내비게이션 등에 아이콘을 추가하세요.
Icons8 MCP를 사용하여 만든 데모
Icons8 MCP 사용 방법
필요한 것
- Node.js 설치
- Claude Code, Cursor, Windsurf 또는 유사한 AI 코딩 도구
1단계: 플랜 선택하기
고해상도 PNG 아이콘
무료
빠른 프로토타이핑 및 테스트를 위한 고해상도 MCP 서버 PNG 아이콘.
{ "mcpServers": { "icons8mcp": { "command": "npx", "args": [ "mcp-remote", "https://mcp.icons8.com/mcp/" ] } } }
코드 복사
SVG 아이콘
API 키 필요
MCP 서버 SVG는 유료 사용자에게 제공됩니다—월 $15 구독 후 계정의 MCP 탭에서 설정 코드를 확인하세요
{ "mcpServers": { "icons8mcp": { "command": "npx", "args": [ "mcp-remote", "https://mcp.icons8.com/mcp/", "--header", "Authorization:${AUTH_HEADER}" ], "env": { "AUTH_HEADER": "Bearer YOUR_API_KEY" } } } }
코드 복사
2단계: 클라이언트 설정하기
Claude Code
Cursor
Windsurf
VS Code
기타
1. 터미널을 열고 실행하세요:
claude mcp add icons8mcp -- \ npx mcp-remote \ "https://mcp.icons8.com/mcp/" \ --header "Authorization: Bearer YOUR_API_KEY"
코드 복사
2. 다음 명령어를 사용하여 MCP 설정을 확인하고 서버를 관리하세요:
claude mcp list
코드 복사
3단계: 프로젝트에 아이콘 가져오기
AI에게 요청하세요: "ios glyph 스타일의 MCP 서버 아이콘 SVG로 웹 페이지를 만들어 줘" 또는 "컬러 스타일의 분석 SVG 아이콘으로 대시보드를 만들어 줘". 영감을 얻으려면 라이브 데모를 확인하세요. 문제가 발생하면 FAQ 섹션을 참조하세요.
자주 묻는 질문
"API 키 없음"이라고 표시되면 어떻게 하나요?
월 $15 구독 후 Icons8 계정의 MCP 탭에서 설정 코드를 찾으세요. 또는 Icons8 개발자 포털에서 API 키를 받으세요.
SVG 아이콘을 구체적으로 어떻게 받나요?
요청 시 SVG 아이콘이 필요하다고 명시하기만 하면 됩니다.
어떤 형식을 받을 수 있나요?
SVG (API 키 필요), PNG 미리보기는 모든 사용자에게 제공됩니다.
MCP 서버로 PNG 아이콘을 무료로 다운로드할 수 있나요?
네, Icons8 MCP 서버에 연결하면 API 키 없이도 PNG 아이콘 미리보기를 사용할 수 있습니다.
무료 버전의 라이선스 조건은 무엇인가요?
MCP를 통해 다운로드한 모든 PNG 아이콘은 저희에게 링크를 제공하면 무료로 사용할 수 있습니다. 라이선스는 여기에서 확인하세요.
API 키가 필요한가요?
PNG는 키 없이 작동하며, SVG 다운로드에는 유료 API 키가 필요합니다—계정의 MCP 탭에서 찾을 수 있습니다.
SVG를 요청했지만 여전히 PNG를 받고 있어요
MCP 탭에서 API 키를 설정하거나, SVG 형식을 명시적으로 요청하세요.
MCP 서버에서 SVG 아이콘을 어떻게 받나요?
SVG 아이콘에는 API 키가 필요합니다. 월 $15 구독 후 계정의 MCP 탭에서 키를 받으세요.
아이콘을 일괄 다운로드할 수 있나요?
아직은 불가능하지만, 현재 적극적으로 개발 중인 기능입니다.
도움이 필요하신가요?
문서를 확인하거나 저희와 채팅하세요.