무료 도구
아이콘 폰트 생성기
91,000개 이상의 아이콘
몇 분 만에 커스텀 아이콘 폰트를 만드세요. Lucide와 Tabler에서 91,000개 이상의 오픈소스 아이콘을 탐색하고, 직접 SVG를 업로드하여 프로덕션 준비가 된 WOFF + CSS 폰트를 생성하세요. 무료, 회원가입 불필요.
몇 분 만에 커스텀 아이콘 폰트를 만드세요. Lucide와 Tabler에서 91,000개 이상의 오픈소스 아이콘을 탐색하고, 직접 SVG를 업로드하여 프로덕션 준비가 된 WOFF + CSS 폰트를 생성하세요. 무료, 회원가입 불필요.
설치 불필요, 계정 생성 불필요. 모든 것이 브라우저에서 실행됩니다.
카테고리별 또는 이름으로 91,000개 이상의 아이콘을 검색하세요. 자신의 SVG 파일을 업로드해 커스텀 아이콘을 추가할 수 있습니다. 어떤 컬렉션에서든 자유롭게 조합하세요.
생성 버튼을 클릭하면 대응 CSS 파일과 함께 프로덕션 준비가 된 WOFF 폰트가 완성됩니다. 각 아이콘에는 tf-icon-home과 같은 고유한 클래스명이 부여됩니다.
파일을 서버에 업로드하고 헤더에 CSS 링크를 하나 추가하세요. HTML, React, Vue, Angular, WordPress, Webflow, Bubble 등 모든 프레임워크와 호환됩니다.
생성기는 완전 무료입니다. Pro 플랜은 연 $15 CAD로 호스팅 CDN과 자동 업데이트를 추가합니다.
Pro 플랜: 월 $1.25. 커피 한 잔보다 저렴합니다.
생성한 아이콘 폰트는 CSS 파일을 추가할 수 있는 곳이라면 어디서든 사용할 수 있습니다.
모든 정적 사이트 또는 직접 코딩한 프로젝트.
CSS를 임포트하고 JSX나 템플릿에서 클래스명 사용.
테마의 fonts 폴더에 추가하고 스타일시트를 등록.
Assets에 업로드하고 커스텀 코드 head에 CSS URL 추가.
파일을 업로드하고 SEO/Metatags 헤더에 CSS URL 추가.
프로젝트 설정 커스텀 코드에 CSS URL 추가.
테마 assets에 업로드하고 레이아웃에서 참조.
React Native, Flutter 또는 네이티브 앱에서 폰트 파일 사용.
아이콘 폰트는 각 문자가 글자 대신 아이콘으로 구성된 커스텀 웹 폰트입니다. 사이트에 CSS 파일을 추가하고 <i class="tf-icon-home"></i>와 같은 클래스명을 사용해 아이콘을 표시합니다. 어떤 크기로도 확장 가능하며, CSS로 색상 변경이 가능하고, 단일 HTTP 요청으로 로드됩니다.
Lucide와 Tabler를 포함한 오픈소스 컬렉션에서 91,000개 이상의 아이콘을 제공합니다. 자신의 SVG 파일을 업로드해 커스텀 아이콘을 폰트에 추가할 수도 있습니다.
네. 무료 티어에서는 91,000개 이상의 아이콘을 모두 탐색하고, 커스텀 SVG를 업로드하고, 컴파일된 WOFF + CSS 파일을 다운로드할 수 있습니다. 회원가입 불필요, 워터마크 없음, 포함 아이콘 수 제한 없음.
연 $15 CAD로 Pro 플랜은 아이콘 폰트를 CDN에 호스팅합니다. 사이트 헤더에 붙여넣을 영구 URL을 제공합니다. 아이콘을 추가하거나 제거하면 CDN이 자동으로 업데이트됩니다. 파일을 다시 다운로드하거나 업로드할 필요가 없습니다. 무제한 아이콘 라이브러리를 만들 수 있습니다.
아이콘 폰트는 더 사용하기 쉽고(CSS 클래스만), 단일 요청으로 로드되며, 이메일 템플릿을 포함해 어디서든 작동합니다. 텍스트처럼 CSS로 크기 조정과 색상 변경이 가능합니다. SVG 스프라이트도 훌륭한 선택입니다. 프로젝트에 맞는 것을 사용하세요.
네. 생성기의 모든 아이콘은 관대한 라이선스(MIT 또는 ISC)를 가진 오픈소스 컬렉션에서 제공됩니다. 출처 표기 없이 개인 및 상업 프로젝트에 사용할 수 있으며, 원저작자 크레딧은 환영받습니다.
이 아이콘 폰트 생성기는 디지털 에이전시를 위한 크리에이티브 OS인 TimingFlow의 수많은 도구 중 하나입니다. 전체 기술 스택을 대체하는 하나의 플랫폼.