tabler/tabler-icons

어떤 프로젝트인가요?

핵심 기능

• 0124x24 그리드에 맞춘 아웃라인 및 채움 스타일 아이콘 6,200개 이상.
• 02SVG, 스프라이트, 웹폰트 및 PNG/PDF/EPS 형식의 공식 패키지.
• 03React, Vue, Svelte, SolidJS, Astro, Angular 및 React Native용 컴포넌트.
• 04CSS나 props로 색상, 크기 및 획 굵기 조정 가능.
• 05npm과 jsDelivr CDN을 통해 이용 가능.

활용 사례

• React 또는 Vue 웹 애플리케이션에 일관된 아이콘 모음 추가.
• 정적 사이트에서 아이콘을 인라인 SVG나 CSS 배경 이미지로 사용.
• 웹폰트로 툴바나 내비게이션 메뉴 구성.
• 디자인 또는 인쇄 작업에 사용할 PNG, PDF, EPS 형식의 벡터 아이콘 확보.

빠른 시작

1. 1

   npm으로 SVG 아이콘 패키지를 설치합니다

   npm install @tabler/icons
2. 2

   대신 React 컴포넌트 패키지를 설치합니다(선택 사항, React 프로젝트용)

   npm install @tabler/icons-react
3. 3

   코드에서 아이콘을 가져와 사용합니다(예: React에서는 IconAward)

사용 전 알아둘 점

• !아이콘 세트만 제공합니다. 아이콘은 제공하지만 전체 UI 컴포넌트 라이브러리는 아닙니다.

토픽

자주 묻는 질문

tabler-icons은(는) 무엇인가요?

24x24 그리드에 맞춰 제작한 6,200개 이상의 SVG 아이콘 모음으로, MIT 라이선스이며 React, Vue, Svelte, Angular 등의 패키지를 제공합니다. Tabler Icons는 24x24 그리드와 2px 획을 기준으로 제작한 6,200개 이상의 오픈 소스 SVG 아이콘 모음입니다. 아웃라인과 채움 스타일을 모두 제공하므로, 개발자는 직접 아이콘을 그리지 않고도 웹 인터페이스에 일관된 시각적 스타일을 적용할 수 있습니다.

tabler-icons은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

tabler-icons은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

tabler-icons은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. tabler-icons의 마지막 커밋은 2026년 10월 21일입니다.

tabler-icons은(는) 어디에 사용할 수 있나요?

React 또는 Vue 웹 애플리케이션에 일관된 아이콘 모음 추가. 정적 사이트에서 아이콘을 인라인 SVG나 CSS 배경 이미지로 사용. 웹폰트로 툴바나 내비게이션 메뉴 구성. 디자인 또는 인쇄 작업에 사용할 PNG, PDF, EPS 형식의 벡터 아이콘 확보.

tabler-icons는 어떻게 설치하나요?

npm으로 SVG 아이콘 패키지를 설치합니다: npm install @tabler/icons 대신 React 컴포넌트 패키지를 설치합니다(선택 사항, React 프로젝트용): npm install @tabler/icons-react 코드에서 아이콘을 가져와 사용합니다(예: React에서는 IconAward)

tabler-icons은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/tabler/tabler-icons