Yesicon
Yesicon · 이미지
Yesicon은 240개 오픈소스 세트에서 약 40만 개의 무료 벡터 아이콘을 한 번에 찾는 검색 엔진이다. 색과 크기를 조정하고 SVG, PNG, 코드로 즉시 내보낼 수 있다.

Yesicon 소개
About
Yesicon이란
Yesicon은 브라우저에서 돌아가는 아이콘 검색 엔진으로, 디자이너와 개발자를 함께 겨냥한다. Material Symbols와 Tabler부터 Phosphor, Lucide까지 수십 개 오픈소스 세트의 아이콘을 모아 하나의 검색창 뒤에 배치했다. download나 cart를 입력하고 스타일이나 카테고리로 걸러 내면 필요한 아이콘에 닿는다.
사이트 자체가 오픈소스 아이콘 라이브러리처럼 동작하며 설치할 것이 없다. 원본 데이터는 오픈소스 프로젝트 Iconify가 제공한다. 이 프로젝트는 이미 수백 개 아이콘 모음을 같은 형식으로 정리해 두었고, Yesicon은 그 위에 얹힌 검색 계층이다. 검색 품질은 원본 세트가 아이콘에 붙인 이름에 달려 있고, 아주 드문 도형은 아직 없을 수 있다.
사이트는 무료이며 계정도 요구하지 않는다. Yesicon 안에서 라이브러리를 관리하는 방식이 아니라, 아이콘을 페이지에서 몇 초 만에 프로젝트로 꺼내는 데 초점을 맞췄다.
시작하기
- yesicon.app을 열고 검색창에 키워드를 넣는다. 페이지 어디서든 Ctrl K를 누르면 입력창으로 바로 이동한다.
- 필터로 결과를 좁힌다. 선, 채움, 투톤 같은 스타일과 UI 동작, 브랜드 같은 카테고리를 고르고, 신뢰하는 제작자가 정해져 있다면 세트 자체를 지정한다.
- 미리보기 패널에서 색과 픽셀 크기를 정한다. 값을 바꾸는 대로 아이콘이 다시 그려진다.
- 필요한 형태로 복사한다. 원본 SVG, 지정한 크기의 PNG, 또는 React, Vue, Svelte, TailwindCSS, UnoCSS용 코드 조각이다.
- 배포 전에 라이선스를 확인한다. 아이콘은 각각 원래 세트에 속하므로 조건은 Yesicon이 아니라 그 프로젝트의 규정을 따른다.
제품 정보
Yesicon의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.
추천 대상
이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.
사용자
- 프론트엔드 개발자
- UI·제품 디자이너
- 학생과 개인 프로젝트
- 혼자 작은 앱을 만드는 사람
작업
- 화면 요소에 맞는 아이콘 찾기
- 새 프로젝트용으로 일관된 세트 고르기
- 브랜드 색으로 아이콘을 다시 칠하기
- 프레임워크에 그대로 넣을 코드 받기
- SNS와 브랜드 로고 모으기
활용 상황
- 밤늦게 랜딩 페이지를 만드는 상황
- 오래된 코드베이스에서 뒤섞인 아이콘을 정리하는 상황
- 디자인 시스템이 생기기 전에 프로토타이핑하는 상황
- PPT나 PDF에 PNG 아이콘을 넣는 상황
주요 기능
240개 세트를 한 번에 검색
한 번의 질의가 Material Symbols, Material Design Icons, Tabler, Solar, Remix Icon, Lucide, Phosphor, Heroicons, Font Awesome 같은 오픈소스 세트의 약 40만 개 아이콘을 훑는다. 어느 도형이 어느 프로젝트 소유인지 외울 필요가 없다. 결과 페이지는 아이콘마다 세트 이름을 붙여 출처가 늘 드러난다.
스타일, 카테고리, 세트 필터
필터는 세 방향으로 작동한다. 스타일은 선, 채움, 투톤, 둥근 모서리 버전을 나눈다. 카테고리는 UI 동작과 내비게이션에서 브랜드, 음식, 게임까지 용도로 묶는다. 세트 필터는 선택폭보다 시각적 통일감이 중요할 때 범위를 한 컬렉션으로 모은다. 셋을 함께 쓰면 수천 건 결과가 대개 한 화면에 들어온다.
색과 크기 실시간 미리보기
미리보기 패널에서 내보내기 전에 색과 픽셀 크기를 바꾼다. 보이는 그대로 클립보드에 들어간다. 아이콘이 CSS 변수에 맞춰야 하는 개발자에게 가장 유용하고, 검은 SVG를 다크 테마에 붙여 놓고 손으로 고친 경험이 있는 사람에게도 마찬가지다.
SVG, PNG, 코드로 복사
SVG 코드 복사, 지정한 크기의 PNG, React, Vue, Svelte, TailwindCSS, UnoCSS용 완성 조각 모두 같은 패널에서 처리한다. Figma나 Sketch에 붙이는 디자이너와 컴포넌트를 템플릿에 넣는 개발자를 모두 커버한다. 코드는 미리보기와 같은 원본에서 생성되므로 결과가 어긋나지 않는다.
인기 키워드 페이지
Trending 페이지는 영어 사용자가 최근 6개월 동안 가장 많이 검색한 단어를 매달 말 갱신해 순위로 보여준다. plus, user, star, search 같은 단어가 상위에 오르며 공통 동작을 커뮤니티가 어떻게 부르는지 드러난다. 아이콘의 관용적 이름이 기억나지 않을 때 확인용으로도 쓸 만하다.
9개 언어 인터페이스
화면은 영어, 중국어 간체와 번체, 스페인어, 독일어, 프랑스어, 일본어, 한국어, 포르투갈어를 지원한다. 언어별 경로가 따로 있어 여러 지역에 흩어진 팀도 계정을 나누지 않고 각자 모국어로 쓸 수 있다. 검색어 자체는 영어가 가장 잘 먹히므로 영어 명칭을 알아 두는 편이 좋다.
장단점
장점
- 수록량이 압도적이고 무료다. 240개 세트 40만 개 아이콘이면 구독 없이 거의 모든 UI 상황을 감당한다.
- 검색, 필터, 복사가 한 페이지에서 끝나 아이콘 사이트를 옮겨 다니는 수고가 사라진다.
- 색과 크기 미리보기가 수작업 편집을 한 단계 줄여 준다. 원하는 상태 그대로 복사되기 때문이다.
- React, Vue, TailwindCSS 조각이 직접 변환하는 일을 덜어 주고 출력도 미리보기와 맞는다.
- 계정도 사용 한도도 없어 긴 디자인 작업 내내 검색을 이어 갈 수 있다.
단점
- 공식 API와 일괄 다운로드 흐름이 없다. 아이콘 200개를 저장소로 옮기려면 결국 하나씩 클릭해야 한다.
- 아이콘마다 원본 세트의 라이선스를 따르고 조건이 제각각이다. 상업적 사용 전에 세트별로 확인해야 하므로 큰 프로젝트에서는 일이 늘어난다.
- 개발자가 Figma, Sketch, VS Code 플러그인을 내놓지 않는다. 캔버스 안에서 끝나는 도구에 비해 디자이너는 단계가 하나 늘어난다.
- 검색 품질이 원본 아이콘 이름에 좌우된다. 설명이 부실하거나 이름이 기묘한 아이콘은 수록되어 있어도 잘 드러나지 않는다.
자주 묻는 질문
무료다. 유료 요금제도 계정도 다운로드 한도도 없다. 가입 없이 검색하고 복사할 수 있고, 나중에 해지할 것도 없다.
관련 콘텐츠
Yesicon와 관련된 도구, 스킬, 아티클을 살펴보세요.
Yesicon 대안
Google EmbeddingGemma 2
Google DeepMind · 글쓰기 · 이미지 · 코딩Google EmbeddingGemma 2는 7억 4000만 파라미터의 오픈 모델로, 텍스트와 코드, 이미지, 오디오, 영상 프레임을 하나의 768차원 공간에 벡터로 바꿔 스마트폰과 노트북에서 실행한다.
Tractionwave
TractionWave · 이미지 · 마케팅TractionWave는 정적 광고용 AI 어텐션 히트맵 도구다. PNG나 JPG를 올리면 예측된 시선 위치, 순위가 매겨진 핫스팟, 수정안이 나온다. 예산을 집행하기 전에 판단하는 데 쓴다.
Imejis.io
Imejis.io · 이미지 · 마케팅Imejis.io는 에이전트와 마케팅 팀을 위한 AI 디자인 스튜디오다. 평소 쓰는 말로 이미지를 설명하면 문구를 쓰고 레이아웃을 잡은 뒤 모든 크기로 다시 배치하고 완성 파일을 내보낸다.
