본문 바로가기

테크팁.활용

무료로 사용할 수 있는 오픈소스 아이콘팩 TOP4

반응형

오픈소스, 또는 제한적인 무료 사용으로 웹에서 사용할 수 있는 아이콘팩을 배포하는 사이트가 여럿 있지만, 묘하게 무료와 유료 사이의 경계선에 걸쳐있거나, 바로바로 가져다 사용하기에 이래저래 불편한 아이콘팩 서비스들이 대다수입니다.

 

특히 SVG,PNG 다운로드를 지원하지 않아서 커스터마이징이나 개별 사용이 어려운 경우가 많습니다.

 

그중에서 최근까지 오픈소스로 사용하고 있는 정말 쓸만한 무료 오픈소스 웹 아이콘 팩 3가지를 소개합니다.

 

1. fontawesome

CC 4.0 라이센스 배포. 오픈소스 버전은 자유롭게 복제 재배포 허용.

 

https://fontawesome.com 

 

Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com

 

무료 사용 가능 버전과 상업용 버전이 있습니다. 무료 사용 버전은 자유롭게 사용 가능합니다.

무료 아이콘팩들이 많이 나오기 전에는 최고의 무료 사용 가능한 아이콘팩 중 하나였습니다.

 

 

동글동글하고 온화한 아이콘팩으로 어느 웹 페이지에나 잘 어울리고, 무엇보다 아이콘 종류가 다양해서, 원하는 아이콘 디자인이 없어서 대체할 아이콘을 찾는 수고를 하지 않아도 되는 것이 최대의 장점입니다.

 

무료로 사용할 수 있는 아이콘은 1609개이며, 대부분 솔리드 타입과 브랜드 아이콘으로 구성되어 있습니다. 아이콘 디자인의 다양성이 다소 부족하지만, 동글동글한 아이콘팩을 선호하면 가장 추천하는 아이콘팩입니다.

 

개별 아이콘의 SVG 이미지 다운로드를 지원합니다.

다만 사용에 따르는 저작권 관련 내용은 꼭 확인하고 사용하는 것을 추천합니다.

 

개별 아이콘 다운로드

 

무료 버전에 대한 자세한 정보는 깃헙을 통해 배포하고 있는 FontAwesome Free 버전 정보를 참고하면 됩니다.

 

https://github.com/FortAwesome/Font-Awesome

 

GitHub - FortAwesome/Font-Awesome: The iconic SVG, font, and CSS toolkit

The iconic SVG, font, and CSS toolkit. Contribute to FortAwesome/Font-Awesome development by creating an account on GitHub.

github.com

 

다운로드와 함께 CDN 링크를 지원하므로 CDN 링크로 사용하는 것을 추천합니다.

2021년 기준 버전5를 사용할 수 있습니다.

개인 사용자별 다운로드 링크를 제공하므로 다운로드 링크를 이메일로 신청해서 사용하는 것을 추천합니다.

 

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

 

 

 

2. flaticons

아파치 라이센스 2.0으로 배포. 상업용으로 사용 가능하며, 2차 저작물을 오픈소스로 공개하지 않아도 됨.

 

https://fonts.google.com/icons

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

구글이 배포하는 오픈소스 아이콘팩입니다.

구글이 배포하는만큼 아이콘 종류도 다양하고 디자인 타입도 5가지(Outlined, Filled, Rounded, Sharp, Twotone)를 지원합니다.

2021년 기준 1832개의 아이콘 디자인을 제공하고 있습니다. 웹에서 사용하는 대부분의 아이콘이 모두 있습니다.

오픈소스 아이콘을 사용하고 싶다면 구글 아이콘팩을 사용하면 된다고 할 만큼 충분한 아이콘 종류를 제공합니다.

 

 

다만, 아이콘팩 이름이 Material Icons 인 것처럼 플랫 디자인 기반의 아이콘이기 때문에 아이콘 디자인이 다소 밋밋한 느낌을 주는 것이 단점이라면 단점입니다.

 

개별 아이콘별로 SVG, PNG 이미지 다운로드를 지원하므로 다양하게 활용할 수도 있습니다.

아이콘 이미지 개별 다운로드

다른 구글 웹 폰트처럼 폰트 형태로 CDN 링크를 제공하며, 폰트 다운로드 없이 링크를 통해 아이콘팩을 사용할 수 있습니다.

 

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

 

 

 

3. boxicons

 

CC 4.0 라이센스로 배포. 자유롭게 다운로드 및 배포, 수정 가능.

 

https://boxicons.com 

 

Boxicons : Premium web friendly icons for free

Boxicons is a free collection of carefully crafted open source icons. Each icon is designed on a 24px grid with the material guidelines

boxicons.com

 

초기 단계의 아이콘팩이지만 정말 실용적이고 쓸만한 아이콘들만 모아놓은 오픈소스 무료 아이콘팩입니다.

CDN 링크를 제공해서 다운로드 없이 바로 링크를 걸어서 웹 페이지에서 사용할 수 있습니다.

 

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
또는
<link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">

 

개별 아이콘의 SVG와 PNG 다운로드도 지원합니다.

 

아이콘 이미지 개별 다운로드

 

2021년 기준 사용할 수 있는 아이콘은 1525개입니다.

가볍고 에지 있는 아이콘팩을 원하면 추천합니다.

 

 

CC 4.0 라이선스로 배포되기 때문에 자유롭게 수정해서 재배포할 수 있고, 자신만의 커스터마이징 된 아이콘팩을 추가로 만들어서 재 배포할 수도 있습니다.

 

다만, 외곽선 타입과 솔리드 2가지 타입을 합친 개수가 1525개여서 실제 아이콘 디자인 종류가 아주 다양한 것은 아니고, 자주 사용하는 몇몇 아이콘 타입은 없기도 합니다. 가볍게 쓰기에 좋은 아이콘팩입니다.

 

 

4. remixicon

 

초심플하고 미니멀한 아이콘팩입니다.

오픈소스로 배포하기 때문에 개인용 상업용으로 모두 사용한 아이콘팩입니다.

라이센스 표기때문에 민감하면 이 아이콘 팩 사용을 추천합니다.

 

인기있는 주제들로 구성된 다양한 아이콘셋을 제공하기 때문에 용도에 맞는 아이콘셋이 있으면 활용도가 매우 높습니다.

 

주제별로 아이콘셋이 정리되어 있음

 

 

https://remixicon.com/

 

Remix Icon - Open source icon library

 

remixicon.com

 

반응형

닫기