CREATIVE

아이콘폰트 XEICON 1.0.4 + 2.3.3 웹사이트 제작에 좋은 그래픽 아이콘 툴킷

Style/Font
2019. 10. 29. 09:26

아이콘폰트 XEICON 1.0.4 + 2.3.3 웹사이트 제작에 좋은 그래픽 아이콘 툴킷

웹사이트를 제작하거나 일러스트를 사용할 때 좋은 아이콘 툴킷입니다. 폰트어썸과 비슷한 거라고 보시면 되는데, 국내에서 네이버가 라이센스를 가지고 있으며, 몇 사람들이 모여서 만든 아이콘입니다. 예전부터 자주 써왔던 아이콘이기도 하고 두 가지 버전이 있는데 2.3.3 버전의 경우에는 굉장히 트렌드하고 미려한 디자인이 강점입니다. 해외 아이콘에 꿀리지 않을 정도로 디자인적으로도 매우 우수하여, 웹사이트를 제작할 때 CDN 또는 Import 방식으로 구현하기에도 매우 쉽습니다.

 

아이콘폰트 XEICON
아이콘폰트 XEICON

자세한 내용은 공식사이트에서 쉽게 확인이 가능합니다. 사용방법도 친절하게 안내가 되어있으며, 최적화도 잘 되어 있고 사용하는 데에 완전 무료인 OFL 라이선스를 따르는 오픈소스입니다. 영리적이용이 가능하기에 상업적인 페이지를 제작할 때에도 부담없이 사용할 수 있다는 장점이 있습니다.

사용방법은 매우 간단합니다.

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
<link ="stylesheet" type="text/css" href="path/to/xeicon/xeicon.min.css">

위의 두 가지 방식으로 지원하며, 아래의 방식은 상대주소 또는 절대주소를 넣고 CSS파일을 불러옵니다. 해당파일은 공식사이트에서 다운로드가 가능하며, 별도의 파일을 첨부합니다. 그래도 언제 아이콘이 업데이트 되어 있을지 모르니, 이왕이면 공식사이트에서 다운로드 받는 것을 권장합니다.

<i class="xi-xpressengine"></i>

일반적으로 아이콘을 사용할 때는 위의 방식으로 구현합니다. 폰트어썸과 같은 원리입니다.

XEICON 2.3.3 버전 중 일부
XEICON 2.3.3 버전 중 일부

굉장히 직관적이고 아름다운 아이콘 폰트를 쉽게 사용할 수 있습니다. 일러스트에서 사용할 경우에는 폰트파일을 설치하여, 윈도우 → 문자 → 글리프에서 아이콘을 직접 선택해서 사용할 수 있습니다. 색깔을 변경하기에도 용이하고 일반 텍스트와 사용하기에도 매우 수월하여, 빠른 작업을 요구할 때, 아이콘 폰트로 작업시간을 획기적으로 줄일 수 있습니다.

XEIcon-2.2.0.zip
0.43MB