ATLASDESIGN REFERENCE GALLERY
ATLAS GALLERY / 2026.10

아이콘 라이브러리·자산

각 항목을 클릭하면 시각 예시·비교·원문을 볼 수 있습니다.

Lucide Lucide

일관된 도형 규칙의 SVG 아이콘과 프레임워크용 패키지를 제공한다.

웹·앱의 일반 기능 아이콘.

사용 플랫폼용 패키지·접근성 설정·버전별 이름을 확인한다.

참고 문서

Heroicons Heroicons

Tailwind CSS 제작진의 SVG 아이콘 세트와 UI 패키지.

일반 웹 인터페이스 아이콘.

Tailwind CSS를 반드시 함께 써야 하는 것은 아니다.

참고 문서

Phosphor Icons Phosphor Icons

여러 굵기와 스타일로 구성된 아이콘 제품군.

시각적 무게를 조절하는 UI.

사용 패키지의 지원 스타일·구현 방식을 별도 확인한다.

참고 문서

Tabler Icons Tabler Icons

선형·채움 스타일 등으로 제공되는 UI 아이콘 세트.

대시보드·업무 도구.

원하는 프레임워크용 패키지와 현재 아이콘 이름을 확인한다.

참고 문서

Font Awesome Font Awesome

여러 스타일·브랜드·UI 아이콘과 통합 도구를 제공하는 제품군.

웹사이트·업무 UI.

무료·유료 범위와 선택한 자산의 이용 조건을 확인한다.

참고 문서

Iconify Iconify

여러 아이콘 세트를 공통 데이터·컴포넌트 방식으로 사용하는 생태계.

통합 검색·여러 아이콘 세트 사용.

모든 포함 세트가 같은 라이선스인 것은 아니다. 원격 로딩 여부도 확인한다.

참고 문서

머티리얼 심볼 Material Symbols

채우기·굵기·등급·광학 크기를 조절할 수 있는 Google 심볼 체계.

제품 UI·상태 변화 아이콘.

구형 Material Icons와 이름·지원 축이 동일하다고 가정하지 않는다.

참고 문서

SF Symbols SF Symbols

Apple 플랫폼의 서체·UI와 통합하도록 설계된 심볼 라이브러리.

iOS·macOS 앱 아이콘·심볼 모션.

OS 지원 범위와 Apple의 사용 조건을 확인한다. 범용 웹 재배포용 세트로 가정하지 않는다.

참고 문서

Bootstrap Icons Bootstrap Icons

Bootstrap과 독립적으로도 쓸 수 있는 UI 아이콘 라이브러리.

일반 웹 UI·대시보드.

Bootstrap 컴포넌트 라이브러리 자체와는 별도 자산이다.

참고 문서

Remix Icon Remix Icon

여러 기능을 선형·채움 형태로 표현하는 아이콘 세트.

업무·소비자용 웹 UI.

최신 배포 방식과 개별 패키지 지원을 확인한다.

참고 문서

Simple Icons Simple Icons

브랜드·서비스를 식별하는 단색 SVG 중심의 아이콘 모음.

서비스 연동·기술 스택 표시.

자산 라이선스와 별개로 해당 브랜드의 상표 정책을 확인한다.

참고 문서

React Icons React Icons

여러 아이콘 세트를 React 컴포넌트로 사용할 수 있게 묶은 패키지.

React UI의 아이콘 도입.

원본 아이콘 세트별 이용 조건과 번들 구성을 확인한다.

참고 문서

Game-icons.net Game-icons.net

능력·무기·상태 등 게임 주제의 아이콘을 탐색하는 자산 사이트.

스킬·아이템·상태이상 아이콘.

아이콘별 저작자·표시 의무와 이용 조건을 확인한다.

참고 문서

QtAwesome QtAwesome

아이콘 글꼴을 Qt용 아이콘으로 사용할 수 있게 하는 Python 도구.

PySide·PyQt 툴바·버튼 아이콘.

설치된 Qt 바인딩·글꼴 세트·이용 조건을 확인한다.

참고 문서

Icon Libraries & Assets

Open an entry for its visual reference, comparisons and source-language text.

Lucide Lucide

SVG icons with consistent geometry and packages for multiple frameworks.

General-purpose icons for web and app interfaces.

Check platform packages, accessibility settings, and version-specific names.

Reference

Heroicons Heroicons

An SVG icon set and interface packages from the Tailwind CSS team.

General web interface icons.

Tailwind CSS is not necessarily required.

Reference

Phosphor Icons Phosphor Icons

An icon family offering multiple weights and styles.

Interfaces with adjustable visual weight.

Check the styles and implementation methods supported by the selected package.

Reference

Tabler Icons Tabler Icons

An interface icon set including outline and filled styles.

Dashboards and business tools.

Check the package for the intended framework and current icon names.

Reference

Font Awesome Font Awesome

A product family providing interface and brand icons in multiple styles and integration tools.

Websites and business interfaces.

Check free and paid coverage and the selected assets' usage terms.

Reference

Iconify Iconify

An ecosystem using multiple icon sets through shared data and component interfaces.

Unified search across multiple icon sets.

Included sets do not all have the same license. Also check whether icons load remotely.

Reference

Material Symbols 머티리얼 심볼

Google's symbol system with adjustable fill, weight, grade, and optical size.

Product UI and state-change icons.

Do not assume the names and supported axes match the older Material Icons set.

Reference

SF Symbols SF Symbols

A symbol library designed to integrate with Apple-platform typography and interfaces.

iOS and macOS app icons and symbol animations.

Check operating-system support and Apple's usage terms. Do not assume this is a general web redistribution set.

Reference

Bootstrap Icons Bootstrap Icons

An interface icon library that can also be used independently of Bootstrap.

General web interfaces and dashboards.

These are separate assets from the Bootstrap component library itself.

Reference

Remix Icon Remix Icon

An icon set representing functions in outline and filled forms.

Business and consumer web interfaces.

Check current distribution methods and support for individual packages.

Reference

Simple Icons Simple Icons

A collection of predominantly monochrome SVG icons identifying brands and services.

Service integrations and technology-stack displays.

Check the brand's trademark policy separately from the asset license.

Reference

React Icons React Icons

A package exposing multiple icon sets as React components.

Adding icons to React interfaces.

Check terms and bundle composition for each original icon set.

Reference

Game-icons.net Game-icons.net

An asset website for game-themed icons such as abilities, weapons, and status effects.

Icons for abilities, items, and status effects.

Check each icon's creator, attribution obligations, and usage terms.

Reference

QtAwesome QtAwesome

A Python tool using icon fonts as Qt icons.

Toolbar and button icons in PySide and PyQt.

Check the installed Qt binding, font sets, and usage terms.

Reference