Frames X learning center dedicated to design systems, UI/UX design, and prototyping. Discover the latest articles, tutorials, and invaluable design resources.
디자인 시스템, UI/UX 디자인, 프로토타이핑을 전문으로 하는 Frames X 학습 센터입니다. 최신 기사, 튜토리얼, 귀중한 디자인 리소스를 찾아보세요.
요약 :)
아이코노그래피는 일반적으로 UI 디자인과 웹 개발에서 중요한 부분입니다. 잘 선택된 아이콘은 사려 깊고 시선을 사로잡는 시각적 요소를 통해 메시지를 효과적으로 전달하고 브랜드를 강화할 수 있습니다. ✨
그러나 잘못 선택된 아이콘은 사용자 경험을 방해할 수도 있고, 더 나쁜 경우 사용자를 혼란스럽게 만들어 잘못된 인터페이스 동작을 유도할 수도 있습니다.
UI 아이콘에 관해서는, 직접 아이콘을 그릴 필요는 전혀 없습니다. 인터넷은 무료로 제공되는 놀라운 아이콘 세트로 넘쳐나기 때문에, 가장 어려운 부분은 사용할 올바른 아이콘 팩을 선택하는 것입니다.
최고의 무료 UI 아이콘 세트를 찾아서
아이코노그래피는 일반적으로 UI 디자인과 웹 개발에서 중요한 부분입니다. 잘 선택된 아이콘은 사려 깊고 시선을 사로잡는 시각적 요소를 통해 메시지를 효과적으로 전달하고 브랜드를 강화할 수 있습니다. ✨
그러나 잘못 선택된 아이콘은 사용자 경험을 방해할 수도 있고, 더 나쁜 경우 사용자를 혼란스럽게 만들어 잘못된 인터페이스 동작을 유도할 수도 있습니다.
UI 아이콘에 관해서는, 직접 아이콘을 그릴 필요는 전혀 없습니다. 인터넷은 무료로 제공되는 놀라운 아이콘 세트로 넘쳐나기 때문에, 가장 어려운 부분은 사용할 올바른 아이콘 팩을 선택하는 것입니다.
그 모호한 작업을 돕기 위해, 우리는 벡터 그래픽의 멀티버스를 탐구하여 여러분의 인터페이스에 가장 적합한 무료 아이콘 팩을 찾았습니다. 우리는 수백 개의 오픈소스, 무료 및 유료 아이콘 세트를 조사하여 가장 적합한 것을 찾았습니다.
이 페이지에서 우리는 여러분의 프로젝트를 위한 최고 수준의 무료 아이콘을 수집했습니다. 포함된 모든 세트는 무료 또는 오픈 소스 라이선스가 있으므로 주저 없이 다운로드하여 프로젝트에 통합할 수 있습니다.
완벽한 아이콘 세트를 선택하는 방법❓
처음부터 올바른 패키지를 선택하면 나중에 많은 문제를 덜 겪을 수 있습니다. 그래서 프로젝트 설계의 초기 단계 중 하나로 간주해야 합니다. 하지만 어떻게 올바른 패키지를 선택할까요?
도상학은 디자인의 기초이기 때문에, 도입되면 아이콘은 파일을 통해 뿌리처럼 퍼질 것입니다. 따라서 정원에 고품질 토양을 사용하듯이 고품질 아이콘을 사용해야 합니다.
프로젝트가 커짐에 따라 일관성이 없거나 품질이 낮은 아이콘을 사용하면 나중에 추가 작업이 발생할 수 있습니다. 프로젝트의 UI와 구성 요소를 자주 재설계하는 것을 방지하려면 처음부터 최상의 옵션을 선택하는 것이 좋습니다.
아이콘 세트를 선택할 때 찾아야 할 주요 측면은 다음과 같습니다.
1. 아이콘의 개성과 브랜딩
아이콘 세트가 브랜드의 시각적 정체성/목소리와 잘 어울리고 다른 디자인 요소와 어울리는지 확인하세요. 그렇게 하려면 브랜드의 미학과 스타일을 보완하는 세트를 선택하되, 변경하거나 새로운 브랜드로 전환할 필요는 없습니다.
모든 프로젝트 디자인에서 아이콘을 제안된 명령과 일관되게 일치시키는 것을 기억하세요. 예를 들어, 한 곳에서 특정 메뉴 아이콘을 사용했다면 다른 메뉴나 축소되는 요소를 다룰 때 다른 아이콘을 사용할 필요가 없습니다.
아이콘 세트의 주된 목적은 모든 UI 영역에서 시각적 일관성을 통해 브랜드를 강화하는 동시에 실제 기능과 쉽게 인식하고 연관시킬 수 있도록 하는 것입니다.
2. 아이콘을 위한 사용자 중심 컨텍스트
사용자가 특정 아이콘과 상호 작용하는 방법과 시기를 알아보세요. 아이콘이 사용자에게 표시되는 상황에 대해 생각하고 이를 진입점으로 사용하여 아이콘으로 프로젝트의 유용성을 향상시키십시오. 필요하지 않은 곳에 아이콘을 사용하지 마십시오 .
특정한 맥락이나 브랜드 측면을 더 잘 해석하기 위해 채워진 아이콘, 윤곽선 있는 아이콘, 듀오톤 아이콘, 3D 아이콘 또는 스큐어모픽 아이콘 중 어떤 것을 사용해야 할지 결정하세요.
하나의 아이콘이 여러 상황에 사용될 수 있도록 단일 기호/은유에 대해 여러 가중치 나 변형을 지원하는 아이콘 팩을 선택하세요 .
예를 들어, 프로젝트 사용자가 무언가를 좋아하도록 윤곽선이 있는 하트 아이콘이 필요한 경우, 무언가가 좋아요를 받았음을 나타내기 위해 채워진 하트 아이콘이 필요할 수도 있습니다.
3. 아이콘 일관성
각 아이콘이 자체 메시지를 전달하는 것을 목표로 하지만, 모든 아이콘은 조화롭게 존재해야 합니다. 그래서 프로젝트의 모든 아이콘에서 일관성을 유지하는 것이 디자이너의 중요한 임무입니다.
이러한 일관성에는 아이콘과 해당 요소 간의 균일한 간격 유지, 모든 아이콘의 동일한 시각적 볼륨 보장 또는 글꼴에 맞게 아이콘 정렬과 같은 작업이 포함될 수 있습니다. 이러한 모든 수동 작업을 최소화하려면 처음부터 이러한 요구 사항을 이미 준수하는 세트를 선택하세요.
참고: 일관성을 위해, 같은 세트에서 나오거나 같은 UI에서 같은 동작에 대해 다른 모양/은유를 사용하더라도 다른 아이콘 스타일을 혼합하지 마십시오. 또한, 다른 세트에서 같은 스타일을 혼합하지 마십시오.
4. 솔리드( 플랫 ) 아이콘 vs. 윤곽선 아이콘
대부분의 아이콘 세트는 단색( 채워진 ) 아이콘과 윤곽선( 획 ) 아이콘의 두 가지 스타일로 제공됩니다.
단색 아이콘은 보다 전통적이고 직접적인 은유를 사용하기 때문에 일반적으로 인식이 빠르며, 채워진 모양은 눈이 추적할 수 있는 보다 정확한 맥락을 제공합니다.
윤곽선 아이콘은 보다 기본적이며 일반적으로 여러 작업이 밀집된 공간에 들어가야 하는 데이터 집약적인 현대 인터페이스에 적합합니다. 개요 아이콘은 보다 간결한 메타포로 가장 잘 작동하며 전체 UI 환경에서 눈에 덜 띄게 나타날 수 있습니다.
그러나 개요 버전은 간격이 너무 좁을 수 있어 인식하기 어려울 수 있습니다. 이런 일이 발생하는 경우 대신 채워진 아이콘을 선택하세요.
5. 테두리 두께 및 아이콘 스타일
아이콘의 시각적 무게는 테두리 두께와 스타일에 따라 달라집니다.
두꺼운 테두리와 작은 아이콘(예: 16px ) 사이의 균형을 찾는 것을 고려하세요 . 더 큰 아이콘(> 24px )의 경우 표준 2px 테두리가 가장 효과적입니다.
참고 : 항상 테두리 두께를 조정하여 글꼴에 맞게 조정하고 원하는 시각적 효과를 얻는 것이 좋습니다. 이러한 사용자 정의를 찾고 있다면 가변 글꼴/SVG 형식이 포함된 아이콘 팩을 선택하세요.
6. 아이콘의 양과 적응성
세트에 프로젝트에 대한 아이콘이 충분한지 확인하세요. 일부 팩은 필요한 모든 아이콘을 제공할 수 있지만 다른 팩은 실제로 사용할 몇 가지 범주로만 제한될 수 있습니다.
이 장기적 약속을 하고 디자인에 통합하기 전에 아이콘 팩의 구조를 조사하세요. 그렇지 않으면 이동 중에 사용자 지정 아이콘을 만들어야 할 수 있으며, 이는 더 많은 불일치와 시간 낭비를 초래할 것입니다.
완벽한 아이콘 팩에는 필요한 아이콘이 포함되어 있으며 대형 올인원 메가 팩보다 항상 더 나은 결과를 얻을 수 있다는 점을 기억하십시오 . 따라서 아이콘 세트의 모든 측면은 프로젝트의 시각적 스타일 개발에 기여할 수 있습니다.
귀하의 성공을 돕기 위해 우리는 귀하의 프로젝트에 유연성을 제공하고 세트당 최소 250개 이상의 아이콘을 포함할 수 있는 최고의 무료 아이콘 세트의 전체 목록을 번들로 묶었습니다 .
아이콘 세트를 선택할 때, 이러한 측면을 고려하고 가장 적합한 팩을 선택하세요.
✰ 이 페이지를 북마크에 추가하고 새로 추가된 아이콘 세트를 위해 가끔씩 다시 방문하세요. 누락되어 추가해야 하는 아이콘 세트를 알고 계시다면 저희에게 보내 주세요.
더 이상 고민하지 말고 최고의 아이콘 세트를 살펴보겠습니다.
아틀라스 아이콘 ↗
Atlas - Figma, React, Vue, Flutter를 위한 무료 아이콘
Atlas Icons는 MIT 라이선스에 따라 사용 가능한 2,700개 이상의 아이콘을 담은 무료 오픈 소스 컬렉션입니다 .
Atlas 아이콘 세트는 SVG 변수 형식과 React, Flutter, Vue용 코드 패키지를 제공합니다. 또한 Figma 캔버스에 Atlas 아이콘을 쉽게 찾아 추가하는 데 도움이 되는 Figma 플러그인 도 포함되어 있습니다.
박스아이콘 ↗
Boxicons - 고품질 웹 아이콘
Boxicons는 디자이너와 개발자를 위한 세련된 오픈소스 아이콘 팩으로, Material Icons 의 대안으로 만들어졌습니다 . 대부분의 아이콘 세트와 마찬가지로 Boxicons는 단색(채워짐)과 윤곽선의 두 가지 스타일로 제공되며 총 1,600개 이상의 아이콘이 있습니다.
특별 보너스로 Boxicons에는 인기 브랜드와 앱을 위한 맞춤형 로고 아이콘이 포함되어 있습니다. 패키지에는 SVG는 물론 WOFF2, WOFF, TTF와 같은 아이콘 글꼴 형식도 포함되어 있습니다.
클릭수 ↗
클릭온 - 500개의 oepn-source 아이콘
Craftwork 팀 이 채우고 윤곽선을 그은 스타일 아이콘으로 세심하게 제작한 오픈 소스 아이콘입니다 .
Clickons 세트는 총 17개의 개별 카테고리와 500개의 아이콘을 제공합니다. 모든 아이콘은 대부분의 UI 디자인 프로젝트에 어울리는 단일 범용 스타일로 세심하게 제작되었습니다.
CSS 아이콘 ↗
CSS 아이콘 - Figma용 오픈 소스 아이콘
CSS 아이콘은 SVG 형식, 스타일 구성 요소, NPM 및 API로 700개의 최소한의 사용자 정의 가능한 오픈 소스 CSS 아이콘을 제공합니다. 이에 대한 자세한 내용은 전용 GitHub 저장소 에서 확인할 수 있습니다 .
CSS 아이콘은 가볍고 확장 가능하므로 순수 CSS로 쉽게 수정할 수 있으며, 모든 기기에서 최상의 시각적 효과를 얻을 수 있습니다.
에바 아이콘 ↗
Eva 아이콘 - 웹, iOS 및 Android용 오픈 소스 아이콘
Eva 아이콘은 개요 및 채우기 스타일로 제공되는 480개 이상의 아름답게 제작된 오픈 소스 아이콘 팩입니다 . 포함된 모든 아이콘은 확대/축소, 펄스, 흔들기, 뒤집기 등 기본적으로 네 가지 애니메이션 유형을 지원합니다. 이 팩에는 정리된 GitHub 저장소와 Sketch 및 Figma 라이브러리도 포함되어 있습니다.
플래그팩 ↗
Flagpack - 디지털 제품을 위한 플래그 아이콘
Flagpack은 디자인 및 코딩 프로젝트에 최적화된 250개 이상의 오픈 소스 국가 국기 아이콘을 제공합니다.
모든 플래그 아이콘은 Figma 및 Sketch 파일로 제공되며, React, Vue 및 Svelte용 구성 요소도 제공됩니다. 이 프로젝트는 국가의 플래그 아이콘 컬렉션을 항상 최신 상태로 유지하기 위해 정기적으로 유지 관리됩니다.
플로우바이트 ↗
Flowbit Icons - Figma용 무료 오픈 소스 아이콘
Flowbite Icons는 웹 및 모바일 인터페이스용으로 설계된 520개 이상의 포괄적인 무료 오픈 소스 아이콘 세트를 조정 가능한 획 너비를 갖춘 확장 가능한 SVG로 제공합니다 .
Flowbite 아이콘은 완전히 사용자 정의가 가능하며 Tailwind CSS 및 Bootstrap 과 같은 프레임워크와 완벽하게 통합되도록 설계되었습니다 . Flowbite 컬렉션은 기본 UI 요소에서 자세한 일러스트레이션까지 모든 것을 포괄하는 10가지 범주를 제공합니다.
포크 굉장 ↗
Fork Awesome - 무료 오픈 소스 아이콘
Fork Awesome은 웹 앱 디자인에 완벽한 완벽한 아이콘 글꼴입니다. 800개 이상의 오픈 소스 아이콘이 있으며 대부분 개요 및 채우기 스타일로 제공됩니다. 이 아이콘 팩은 오랜 개발 역사를 가지고 있으며 이러한 아이콘을 프로젝트에 적용하는 데 도움이 되는 포괄적인 시작하기 가이드를 제공합니다 .
무료 글꼴 멋진 아이콘 ↗
무료 Font Awesome 아이콘
무료 및 프리미엄 벡터 아이콘을 모두 제공하는 가장 유명한 아이콘 라이브러리입니다. Font Awesome Free는 CC BY 4.0 라이선스에 따라 상업 및 오픈소스 프로젝트에 적합한 2,000개 이상의 아이콘을 포함하는 오픈소스 브랜치입니다 .
프리미엄 Font Awesome 아이콘과 마찬가지로 무료 버전에는 솔리드, 일반, 브랜드별 등 독특한 스타일이 포함되어 있어 문자 그대로 모든 디자인 또는 개발 요구 사항을 충족합니다. 공식 GitHub 저장소를 통해 모든 무료 FA 아이콘에 액세스할 수도 있습니다 .
글리프 노이에 ↗
Glyph Neue - Icons8 Figma 및 SVG용 무료 아이콘
Icons8 의 Glyph Neue 는 SVG 및 PNG 포맷으로 된 1,500개 이상의 현대적이고 단색 아이콘을 담은 아이콘 팩입니다 .
Icons8은 링크 크레딧으로 무료로 아이콘을 제공하며, 프리미엄 유료 라이선스를 사용하면 더 많은 형식과 크기를 사용할 수 있습니다.
모든 Glyph Neue 아이콘은 굵고 매끄럽고 인터페이스와 프레젠테이션을 표현하는 데 적합합니다. 또한 쉽게 액세스할 수 있으며 Icons8 API를 통해 사용할 수 있습니다. Glyph Neue는 모든 사람이 사용할 수 있는 편리한 Figma 파일 도 제공합니다.
Google Material 아이콘 ↗
구글 머티리얼 아이콘
Google Material Icons는 아마도 무료 아이콘의 가장 큰 저장소일 것이며, 모든 디자인 요구에 적합한 6,000개 이상의 오픈 소스 아이콘으로 구성된 다양한 컬렉션을 제공합니다. Material 아이콘은 Apache 라이선스 2.0에 따라 무료로 제공되므로 개인 및 상업 프로젝트 모두에서 제한 없이 사용하고 수정할 수 있습니다.
아이콘은 테두리, 모양, 둥글림, 유형을 포함하여 크기, 색상, 스타일 면에서 사용자 정의할 수 있으므로 프로젝트 모음에 맞게 특별히 조정할 수 있습니다. 그리고 이것만으로 충분하지 않다면 Material Icons는 표준 SVG 형식 외에도 아이콘 글꼴을 제공합니다.
영웅 아이콘 ↗
Hero Icons - 오픈 소스 UI 아이콘
Heroicons는 Tailwind CSS 및 Tailwind UI 제작자가 디자인한 컴팩트한 SVG 아이콘 세트를 제공합니다 . 이 280개 이상의 아이콘은 개요, 솔리드, 미니, 마이크로 스타일을 포함한 4가지 스타일로 제공되며 모두 React 및 Vue와 함께 사용하도록 최적화되어 있습니다.
히어로 아이콘은 MIT 라이선스에 따라 무료입니다. 사실상 모든 화면과 해상도에 쉽게 통합하고 적용할 수 있도록 특별히 설계되었습니다.
ByteDance의 Icon Park ↗
ByteDance의 Icon Park
ByteDance의 IconPark는 2,500개 이상의 무료 아이콘을 제공하며, SVG 및 PNG 형식으로 제공되며 React Vue 및 Vue3용 NPM 패키지가 있습니다. 아이콘 세트는 여러 테마, 획 너비 및 색 구성표에 대한 사용자 정의를 지원합니다.
모든 아이콘은 무료로 사용할 수 있으며 Apache 라이센스 2.0 에 따라 사용할 수 있으므로 모든 플랫폼에서 동일한 아이콘을 사용하려는 경우에 적합합니다. 이 세트에는 인기 있는 GitHub 저장소 가 함께 제공됩니다 .
아이콘 허브 ↗
Icon Hub - Figma용 Diverce 아이콘 세트
Iconhub는 다양한 스타일과 카테고리의 무료 및 프리미엄 옵션을 포함하여 3,200 개 이상의 실용적인 아이콘을 제공합니다. 아이콘 세트는 CC 4.0 International 라이선스 에 따라 제공되므로 개인 및 상업 프로젝트 모두에서 사용하기에 적합합니다.
Iconhub는 Figma 캔버스에서 아이콘을 찾아 끌어다 놓을 수 있는 Figma 플러그인을 제공합니다.
아이콘몬스트 ↗
Iconmonst - 두 가지 스타일의 무료 아이콘
Iconmonstr 세트는 평면( 채워진 ) 스타일과 윤곽선 스타일의 아이콘을 제공합니다. 전체 팩은 CC3 국제 라이센스 에 따라 라이센스가 부여된 4,700개 이상의 무료 다운로드 아이콘을 제공하므로 큰 수정 없이 사용할 수 있습니다.
아이오니콘 ↗
Ionicons - 오픈소스 아이콘
Ionions는 Ionic 팀이 웹, iOS, Android를 위해 디자인한 멋진 오픈소스 아이콘 세트입니다 . 이 세트에는 고유한 사용자 지정 기능으로 제작된 1,300개 이상의 아이콘이 있습니다. 모든 세트 아이콘에는 Material 스타일과 iOS 스타일 아이콘 버전이 있습니다.
아이콘 ↗
Iconoir - 프레르 아이콘 라이브러리
Iconoir는 UI 디자인을 위한 가장 인기 있는 아이콘 세트 중 하나입니다. 일관되고 미니멀한 스타일로 디자인된 광범위한 SVG 아이콘 컬렉션이 특징입니다. 1,500 개 이상의 아이콘이 무료로 제공되며 MIT 라이센스에 따라 라이센스가 부여되므로 무제한 사용 및 수정이 가능합니다.
Iconoir 웹사이트는 사용자 친화적인 검색 및 필터 시스템을 갖추고 있어 아이콘을 쉽게 찾고 디자인에 통합할 수 있습니다. 모든 아이콘은 React, Flutter, Vue, Framer 및 Figma에서 사용할 수 있습니다.
공식 GitHub 저장소 에서 Iconoir 세트에 대한 자세한 정보를 찾을 수도 있습니다 .
리믹스콘 ↗
Remix Icons - UI 디자인을 위한 무료 오픈소스 아이콘
Remix 아이콘 세트는 매끈하고 선명한 인터페이스 느낌을 위해 맞춤 제작된 2,800개 이상의 고품질 아이콘을 제공합니다. Apache 2.0 라이선스에 따라 무료로 제공되므로 개인 또는 상업 프로젝트에서 이러한 아이콘을 자유롭게 사용, 수정 및 배포할 수 있습니다.
리믹스 아이콘은 포괄적인 Figma 커뮤니티 파일 과 GitHub 저장소를 제공합니다 .
테이블러 아이콘 ↗
태블릿 아이콘 오픈 소스 무료 svg 아이콘
Tabler Icons는 웹 애플리케이션 및 인터페이스를 위한 4,900개 이상의 무료 오픈 소스 아이콘을 제공합니다. Tabler 세트는 Apache 라이선스 2.0에 따라 제공되어 개인 및 상업 프로젝트에 제한 없이 사용할 수 있습니다.
이 세트에는 Tabler 아이콘을 브랜드에 맞게 정렬하는 데 도움이 되는 분류된 아이콘과 사용자 정의 UI가 포함된 사용자 친화적인 웹 사이트와 사용자 친화적인 무료 Figma 플러그인이 포함되어 있습니다 .
루시드 아이콘 ↗
UI 디자인을 위한 무료 Lucide 아이콘
Lucide Icons는 ISC 라이선스 에 따라 1,400개 이상의 개요 아이콘이 포함된 가볍고 확장 가능한 오픈 소스 팩입니다 . Lucide 아이콘 세트는 React, Vue, Svelte, Angular, Solid 등을 포함한 다양한 패키지를 제공합니다. 공식 사이트에서는 사용 가능한 모든 패키지에 대한 자세한 문서를 제공합니다.
매제스티콘 ↗
위엄 있는
Majesticons는 데스크톱 및 모바일 인터페이스에 깔끔하게 제작된 아이콘이 있는 무료 오픈 소스 버전을 제공하는 프리미엄 디지털 리소스입니다. 무료 Figma 파일 과 함께 700개 이상의 확장 가능한 아이콘이 포함되어 있습니다 .
MingCute 아이콘 ↗
MingCute - 무료 오픈 소스 아이콘
Mingcute는 2,900개 이상의 오픈 소스 아이콘이 포함되어 세심하게 디자인된 아이콘 팩입니다 . 정기적인 업데이트는 물론 아름다운 대화형 아이콘 컬렉션이 포함된 프리미엄 애니메이션 패키지도 제공합니다.
Mingcute 아이콘은 Apache 2.0 라이선스에 따라 GitHub 저장소 에서도 사용할 수 있습니다 .
형광체 아이콘 ↗
형광체 아이콘 - Sketch 및 Figma용 무료 아이콘
Phosporicons는 아마도 우리가 가장 좋아하는 아이콘 세트일 것입니다. 6가지 스타일(얇음, 밝음, 일반, 굵음, 채우기, 듀오톤)로 제공되는 9,000개 이상의 오픈소스 아이콘이 있습니다. Phosporicons는 공식 Figma 플러그인 과 Figma 파일 , Sketch 플러그인 , 공식 GitHub 리포를 제공합니다 .
이 세트는 잘 관리되어 있으며 Inter, IBM Plex, Satoshi, Helvetica 또는 Open Sans와 같은 인기 있는 오픈 소스 글꼴과 완벽하게 일치합니다.
PixelArt 아이콘 ↗
UI 디자인을 위한 픽셀아트 아이콘
PixelArt Icons는 레트로하고 미니멀한 UI 디자인에 완벽한 480개 이상의 무료 픽셀 아트 아이콘 으로 구성된 독특한 컬렉션을 제공합니다 . MIT 라이선스에 따라 제공되는 이 세트는 GitHub repo 에서 찾을 수 있으며 , 개인 및 상업 프로젝트에서 자유롭게 사용하고 수정할 수 있는 모든 무료 아이콘이 포함되어 있습니다.
PixelArt 아이콘 프로젝트는 프리미엄 에디션 으로 4가지 스타일로 제공되는 확장된 아이콘 컬렉션도 제공합니다 .
기수 아이콘 ↗
Sketch 및 Figma의 UI 디자인을 위한 Radix 아이콘
Radix Icons는 300개 이상의 무료 아이콘 으로 구성된 깔끔한 세트입니다 . 이 세트는 정리된 Figma 및 Sketch 파일, NPM 및 GitHub 저장소를 제공하여 프로젝트에 통합하는 데 도움을 줍니다.
Radix 웹사이트는 디자이너와 개발자를 위한 색상 팔레트, UI 구성 요소 등 다른 솔루션도 제공합니다 .
Flaticon의 UIcons ↗
무료 Flaticon 세트에는 웹, iOS 및 Android 인터페이스에 적합한 3,000개 이상의 SVG 및 웹 글꼴 기반 아이콘이 포함되어 있습니다. CC BY 4.0에 따라 라이선스가 부여되었으며 정리된 Figma 파일 로 제공됩니다 .
UntitledUI 무료 아이콘 ↗
UntitledUI 무료 아이콘
웹 및 모바일 UI 디자인을 위한 1,100개 이상의 무료 SVG 아이콘. Untitled UI Icons는 현대적인 디자인 인터페이스와 조화를 이루는 깔끔하고 중립적인 아이콘 라이브러리입니다. 무료 세트는 전문적으로 구성된 Figma 파일로 제공됩니다.
이게 저희 목록입니다! 좋아하는 아이콘 라이브러리를 찾지 못하셨거나 저희가 놓친 것이 있다고 생각하시면, 언제든지 알려주세요 .
✰ 새로 추가된 아이콘 세트에 대한 업데이트를 받으려면 이 페이지를 북마크하세요.
어떤 아이콘 세트를 선택하든 Frames X, 디자인 시스템 및 UI 키트와 쉽게 통합할 수 있습니다. Frames X는 아이콘 관리에 대한 화이트 라벨 접근 방식을 제공하는 세계 최대 규모의 최첨단 UI 라이브러리입니다.
아이콘 팩을 프로젝트에 통합하려면 Frames X에 별도의 페이지로 세트를 추가하기만 하면 됩니다. 각 아이콘이 구성 요소인지 확인하세요. 그게 전부입니다!
자세히 알아보려면 아래 버튼이나 미리보기 버튼을 클릭하세요.