HOME
물생활
일상생활
개발

무료아이콘 2

XEIcon 아이콘 폰트 사용하기

지난 번에 글 작성했던 구글 머티리얼 아이콘처럼 XEIcon도 아이콘을 이미지 다운로드 없이 소스 상에서 사용가능한 아이콘 폰트이다. 개발할 때 구글 머티리얼 아이콘보다 더 자주 사용했던 것 같다. 실제로도 많은 개발자들이 프로젝트 진행 중 사용하고 있고, 구글 머티리얼 아이콘과 같이 사용하기도 한다. 두 아이콘 다 단순한 형태를 취하고 있기 때문에 잘 어울린다. XEIcon 소개 여러 icon을 폰트의 형태로 무료 사용이 가능하며, 영리적 이용도 가능하다. 아이콘의 색상과 크기 등을 CSS로 자유롭게 수정이 가능하다는 것도 큰 장점이다. XEIcon 사용 준비 XEIcon은 다른 웹폰트처럼 직접 파일을 다운로드 받아서 사용하거나, CDN의 형태로 사용할 수 있다. 아이콘을 적용할 개발 환경에 따라서 알..

개발/CSS 2024.03.05

무료로 사용하는 Google Material Icons (구글 머티리얼 아이콘)

웹사이트를 개발하다보면 당연히 아이콘을 많이 사용하게 된다. 이미지로 예쁘게 따서 쓰기도 하지만, 간단하게 개발하고 싶을때는 아이콘 라이브러리를 가져다 사용하면 개발과 수정이 편해진다. 디자이너나 기획자의 특정한 요구사항이 없을 때마다 잘 사용해 온 Google Material Icons (Google Fonts Icons)에 대해 포스팅해보려고 한다. Google Materials Icons에서 원하는 아이콘 찾기 https://fonts.google.com/icons Material Symbols and Icons - Google Fonts Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font fil..

개발 2024.02.24