웹 및 UI 디자인을위한 15 가지 이상의 최고의 아이콘 글꼴 (무료 + 프리미엄)
아이콘 글꼴은 웹 및 UI 디자이너가 단순히 살 수없는 가장 유용한 요소 중 하나입니다. 오늘 우리는 귀하에게 웹 사이트 및 사용자 인터페이스 디자인에 사용할 수있는 가장 현대적이고 창의적인 아이콘 글꼴 모음을 제공합니다.
아이콘 글꼴을 사용하면 PNG 파일 라이브러리에 의존 할 필요가 없습니다. 웹 사이트 디자인에 맞게 벡터 파일을 사용하여 아이콘 크기를 조정하거나 편집 할 필요는 없습니다. 더 중요한 것은 다양한 화면 크기에 맞게 아이콘을 최적화 할 필요가 없다는 것입니다.
그러나 디자인 프로젝트에 적합한 아이콘 글꼴을 찾는 것은 어려울 수 있습니다. 우리는 그 과정을 훨씬 쉽게 만들고 싶습니다. 엄선 된 무료 및 프리미엄 아이콘 글꼴 모음을 탐색하여 시작하십시오 (시작하는 데 도움이되는 아이콘 글꼴 선택에 대한 팁을 살펴보십시오!).
디자인 리소스 살펴보기
Icofont – 무료 Creative Icon 글꼴
Icofont는 100 % 무료로 다운로드하여 사용할 수있는 가장 창의적인 아이콘 글꼴입니다. 이 글꼴에는 통화, 소셜, 브랜드 로고 등 30 가지 범주의 2100 개가 넘는 아이콘이 포함되어 있습니다. 이 팩을 사용하는 이점 중 하나는 SVG 형식과 아이콘 글꼴로 제공됩니다.
Font Awesome – 무료 아이콘 글꼴
Font Awesome은 7000 개 이상의 아이콘이있는 인터넷에서 가장 인기있는 아이콘 글꼴입니다. McDonalds 및 Yale University와 같은 브랜드를 포함하여 1 억 개가 넘는 웹 사이트에서 사용되었습니다. 유용한 기능이 많이 있습니다. 클라우드 호스팅 계획에는 사용 제한이 있으므로 아이콘 팩을 자체 호스팅하는 것이 이상적입니다.
Ionicons – 무료 최소 아이콘 글꼴
Ionicons는 최소한의 단순한 디자인을 특징으로하는 또 다른 창의적인 아이콘 세트입니다. 이 아이콘 글꼴은 웹 및 모바일 사용자 인터페이스 디자인을 위해 특별히 제작되었으며 iOS 및 Android 플랫폼과 호환됩니다. 총 1100 개가 넘는 아이콘이 있습니다. MIT 오픈 소스 라이센스에 따라 라이센스가 부여되었습니다.
아이콘 글꼴이있는 전자 상거래 아이콘 150 개
현대적이고 미니멀 한 아이콘 디자인이 특징 인 고유 한 아이콘 팩 모음입니다. 다양한 전자 상거래 디자인에 사용할 수있는 150 개의 서로 다른 아이콘이 포함되어 있습니다. 아이콘은 EPS, AI, SVG 및 아이콘 글꼴 버전으로도 제공됩니다.
130 Vector Line 아이콘 및 아이콘 글꼴
이 번들에는 엔터테인먼트, 멀티미디어, 온라인 참여, 라이프 스타일 등과 관련된 유용한 아이콘이 혼합되어 있습니다. 이 팩에는 아이콘 글꼴로 사용하거나 벡터 EPS 및 AI 파일을 사용하여 원하는대로 편집하고 사용자 정의 할 수있는 총 130 개의 아이콘이 제공됩니다.
날씨 아이콘 및 아이콘 글꼴
날씨 아이콘은 다양한 유형의 웹 및 UI 디자인, 특히 모바일 사용자 인터페이스에서 자주 사용됩니다. 이 팩을 사용하면 42 개의 고유 한 날씨 관련 아이콘 중에서 선택할 수 있습니다. 아이콘은 AI, PSD, SVG 및 아이콘 글꼴 형식으로도 제공됩니다.
32 날씨 아이콘 및 글꼴
이전 아이콘 글꼴 묶음과 유사하게이 팩에는 최소한의 선 아이콘 세트가 있습니다. 또한 AI, SVG, EPS 및 아이콘 글꼴을 포함한 다양한 형식의 32 가지 세련된 날씨 아이콘이 포함되어 있습니다. 깨끗하고 단순한 디자인으로이 아이콘은 모든 유형의 비즈니스 및 전문 디자인에 적합합니다.
Fontisto – 무료 Modern Icon 글꼴
Fontisto는 여러 카테고리의 현대적이고 세련된 아이콘 세트를 특징으로하는 또 다른 훌륭한 무료 아이콘 글꼴입니다. 아이콘은 완전히 확장 가능하며 Retina 디스플레이에서 멋지게 보입니다. 상업용 프로젝트에서도 사용할 수 있습니다.
Dripicons – 무료 벡터 라인 아이콘 글꼴
Dripicons는 부드럽고 최소한의 디자인을 특징으로하는 라인 아이콘 모음입니다. 아이콘은 웹 및 모바일 사용자 인터페이스 디자인 모두에 적합한 최신 레이아웃을 갖추고 있습니다. 또한 상업 프로젝트와 함께 무료로 사용할 수 있습니다.
Typicons – 무료 Simple Icon 글꼴
Typicons에는 웹 및 기본 앱 사용자 인터페이스 모두에서 작동하는 가볍고 간단한 아이콘 세트가 제공됩니다. 이 글꼴에는 여러 범주로 된 확장 가능한 디자인의 330 개가 넘는 고유 한 아이콘 디자인이 포함되어 있습니다.
현대 선 스타일 아이콘 세트 + 글꼴
선 아이콘의 팬이라면이 최신 선 아이콘 세트가 적합합니다. 300 개가 넘는 아이콘이 특징입니다. 아이콘은 AI, SVG, PSD로 제공되며 디지털 디자인을위한 아이콘 글꼴 버전도 포함되어 있습니다.
100 전송 벡터 아이콘 글꼴
이 프리미엄 아이콘 글꼴에는 교통 및 여행과 관련된 모든 종류의 기호와 디자인이 포함 된 100 개의 고유 한 아이콘이 있습니다. 또한 아이콘 글꼴 형식뿐만 아니라 여러 벡터 파일 형식으로도 제공됩니다.
200 Education Icon 글꼴
교육 관련 디자인을 위해 특별히 제작 된 200 개의 고유 한 아이콘 세트. 이 아이콘 번들은 EPS, AI 및 SVG 파일 형식으로 제공됩니다. 웹 및 모바일 UI 디자인을위한 아이콘 글꼴 버전도 포함되어 있습니다.
1430 라인 아이콘 번들 + 글꼴
여러 범주의 다양한 디자인을 특징으로하는 방대한 선 아이콘 묶음입니다. 이 팩은 최신 모바일 및 웹 디자인에 적합합니다. 아이콘은 벡터 형식 및 글꼴 아이콘 형식으로 제공됩니다.
캡틴 아이콘 – 무료 Creative Icon 글꼴
Captain Icon은 350 개 이상의 고유 한 아이콘 디자인을 갖춘 현대적인 아이콘 글꼴입니다. 아이콘은 웹 및 모바일 사용자 인터페이스를 만드는 데 이상적입니다. 아이콘은 EPS, SVG, PSD 및 아이콘 글꼴 버전을 포함한 여러 형식으로 제공됩니다.
Devicon – 무료 채우기 아이콘 글꼴
Devicon은 채우기 색상 아이콘 디자인이 특징 인 무료로 사용할 수있는 아이콘 글꼴입니다. 이 팩에는 특히 웹 및 모바일 개발과 관련된 많은 유용한 아이콘이 있습니다. 클라우드 호스팅 버전의 아이콘 글꼴을 사용하거나 자체 서버에서도 자체 호스트를 사용할 수 있습니다.
Entypo – 무료 Clean Icon 글꼴
Entypo는 최소한의 깔끔한 디자인이 특징 인 무료 아이콘 글꼴입니다. 이 팩에는 400 개가 넘는 아이콘이 포함되어 있습니다. 글꼴이 한동안 업데이트되지 않았더라도 아이콘은 오늘날에도 여전히 관련이 있습니다.
스트로크 아이콘 7 – 무료 iOS 아이콘 글꼴
Pixelden에서 만든이 무료 아이콘 글꼴은 얇은 선 디자인을 특징으로하는 200 개의 고유 한 아이콘으로 제공됩니다. 각 아이콘에는 iOS 7에서 영감을 얻은 디자인이 있습니다.이 아이콘 글꼴은 웹 사이트 및 웹 앱 디자인에 가장 적합합니다.
아이콘 글꼴 선택을위한 5 가지 팁
다음은 다양한 유형의 웹 및 UI 디자인에 가장 적합한 아이콘 글꼴을 선택하는 데 도움이되는 몇 가지 팁입니다.
1. SVG 아이콘 대 아이콘 글꼴
SVG 아이콘과 아이콘 글꼴을 선택하는 것에 대해서는 상당히 논쟁의 여지가 있습니다. 두 옵션 모두 고유의 장점과 단점이 있지만 일부 디자이너는 다른 것을 선호합니다.
고맙게도 목록에있는 대부분의 아이콘 글꼴에는 SVG 아이콘 버전도 포함되어 있습니다. 프로젝트에 적합한 옵션을 결정하도록하겠습니다.
응답 성이 있는지 확인
아이콘 글꼴의 응답 성은 모든 유형의 아이콘을 선택할 때 가장 중요한 기능 일 것입니다. 아이콘 글꼴은 일반적으로 모든 유형의 화면 크기와 장치에서 동일하게 보일 정도로 반응이 좋기 때문에 빛을 발하는 곳이기도합니다.
그러나 SVG 버전의 아이콘을 사용하는 경우 아이콘이 응답하는지 확인하기 위해 다시 확인하는 것이 좋습니다.
3. 적절한 테마를 선택하십시오
아이콘 글꼴은 다양한 스타일과 테마로 제공됩니다. 개요 아이콘, 평면 디자인 아이콘, 미니멀리즘 아이콘 등. 작업중인 프로젝트 유형에 따라 적절한 테마를 가진 올바른 아이콘 글꼴을 찾는 것은 사용자의 몫입니다.
4. 색깔과 주 문화
자체 아이콘 글꼴을 자체 호스팅 할 때 얻을 수있는 많은 이점 중 하나는 아이콘을 원하는대로 사용자 정의 할 수 있다는 것입니다. 대부분의 최신 아이콘 글꼴을 사용하면 채우기 및 개요 버전을 포함한 여러 아이콘 버전 중에서 선택할 수 있습니다.
5. 무료 대 프리미엄 아이콘 글꼴
물론 예산이 부족한 경우 무료 글꼴을 사용하는 것이 가장 좋습니다. 그러나 약간의 비용을 감당할 수 있다면 프리미엄 아이콘 글꼴을 사용하십시오. 웹이나 UI 디자인을 독창적으로 보이게하는 것이 아닙니다. 또한 아이콘을 완전히 제어하고 상용 프로젝트에서 아이콘을 사용할 수 있습니다.
최고의 앱 랜딩 웹 사이트 템플릿 모음을 확인하여 웹 사이트 디자인을 시작하십시오.
){kind=link}