1. 원하는 아이콘 검색
영문 이름, aliases, keywords, 설명 텍스트를 기준으로 검색해 가장 가까운 결과를 좁혀갑니다.
Font Awesome Toolkit
Search Font Awesome
Font Awesome 아이콘을 빠르게 탐색하고 HTML, SVG, PNG 형식으로 출력할 수 있습니다.
검색 중심 탐색
HTML / SVG / PNG 복사
컬러 프리뷰 조정
아이콘 0 로컬 JSON 인덱스
버전 Loading 패키지 기준 데이터
출력 3 HTML, SVG, PNG
빠른 검색
Browse
검색 결과
0개 중 0개 표시
아이콘 데이터를 불러오는 중입니다.
정적 JSON 인덱스를 읽고 검색 가능한 형태로 준비하고 있습니다.Guide
이 페이지 사용법
검색, 미리보기, 복사까지의 흐름을 끊기지 않게 사용하는 것이 핵심입니다. 디자이너와 프론트엔드 개발자가 같은 화면에서 바로 확인하고 전달할 수 있도록 구성했습니다.
2. 우측 미리보기 확인
선택한 아이콘의 스타일, 클래스명, 유니코드, 시각적 비율을 확인한 뒤 적합성을 판단합니다.
3. PNG 색상 조정
컬러 피커 또는 스와치를 이용해 아이콘 색을 조절한 뒤 PNG 복사 결과를 바로 확보할 수 있습니다.
4. 필요한 형식으로 복사
HTML 마크업, SVG 코드, PNG 이미지를 상황에 맞게 복사해서 문서, 디자인 툴, 코드베이스에 붙여 넣습니다.
Thanks
이 페이지에서 사용하는 Font Awesome은 https://fontawesome.com/ 에서 제공하는 웹 폰트입니다.