홈페이지를 만들다가 메뉴 옆에 넣을 작은 아이콘 하나를 구하려고 한참 헤매신 적 있으시죠? 이미지 파일로 받아 넣으면 화면 크기에 따라 흐릿해지고, 색을 바꾸려면 편집 프로그램을 다시 열어야 합니다.
아이콘을 하나하나 이미지로 관리하다 보면 파일이 수십 개로 늘어나고, 사이트 속도까지 느려집니다. 유료 아이콘 세트를 사자니 연간 비용이 붙고요.
그렇다고 아무 데서나 받아 쓰자니 라이선스가 걸립니다. 그런데 이 문제를 아예 다른 접근으로 푸는 곳이 있습니다.
도대체 어떻게 가능한 걸까요?
핵심 요약
1,535개의 아이콘을 무료로, 코드 한 줄로 불러와 쓸 수 있습니다. 아이콘을 이미지 파일로 하나씩 관리하는 수고가 사라지고, 글자처럼 다뤄지기 때문에 크기와 색을 CSS로 바로 조절할 수 있습니다.
아이콘마다 파일을 따로 저장하지 않으니 관리 대상이 줄고, 화면을 확대해도 흐려지지 않습니다. 웹 개발 현장에서 오랫동안 표준처럼 쓰여온 아이콘 세트라 자료도 풍부하지요. 어떤 곳이길래 이런 게 되는 걸까요?
사이트 소개
폰트어썸(Font Awesome)은 웹에서 사용하는 아이콘 세트를 제공하는 서비스로, 주소는 https://fontawesome.com 입니다.
이름에 '폰트'가 들어간 이유가 이 서비스의 핵심입니다. 아이콘을 그림 파일이 아니라 글꼴처럼 다루는 방식을 널리 퍼뜨린 서비스이기 때문입니다. 글자처럼 취급되니 크기를 키워도 깨지지 않고, 색상도 글자 색을 바꾸듯 지정할 수 있습니다.
규모는 명확하게 나뉩니다. 무료로 제공되는 Free 버전은 1,535개의 아이콘을 포함하고, 유료인 Pro 버전에서 추가로 7,020개가 더 제공됩니다. 즉, 무료만으로도 천오백 개가 넘는 아이콘을 쓸 수 있다는 뜻이지요.
기능 소개
첫 번째는 아이콘 폰트 방식 사용입니다. 아이콘을 글자처럼 삽입할 수 있어, 크기와 색을 스타일시트로 조절할 수 있습니다. 그 덕분에 색깔별로 이미지를 여러 개 준비하는 작업이 통째로 사라집니다.
두 번째는 대규모 아이콘 검색입니다. 사이트에서 키워드로 아이콘을 찾을 수 있고, 무료와 유료가 구분되어 표시됩니다. 이 덕분에 유료 아이콘을 골랐다가 나중에 결제 안내를 만나는 상황을 피할 수 있습니다.
세 번째는 여러 사용 방식 지원입니다. 웹 페이지에 코드로 불러오는 방식뿐 아니라, 아이콘을 직접 내려받아 쓰는 방식도 제공됩니다. 개발 환경이나 디자인 도구에 맞춰 선택할 수 있습니다.
네 번째는 다양한 스타일 제공입니다. 채워진 형태와 선으로 그려진 형태, 브랜드 로고 아이콘 등이 갖춰져 있습니다. 다만 무료로 쓸 수 있는 스타일의 범위에는 제한이 있습니다.
다섯 번째는 일관된 디자인입니다. 같은 세트에서 나온 아이콘이라 굵기와 비율이 통일되어, 여러 개를 나란히 놓아도 어색하지 않습니다.
사용법
주소로 들어가면 상단에 아이콘(Icons) 메뉴가 있습니다. 여기서 원하는 개념을 영어 키워드로 검색하면 관련 아이콘이 나열됩니다.
여기서 가장 먼저 할 일은 무료 아이콘만 보이도록 필터를 거는 것입니다. 검색 결과 화면에서 무료와 유료를 구분하는 항목이 있으니, 무료만 표시해두면 나중에 헛수고를 하지 않습니다.
아이콘을 클릭하면 상세 화면이 나오고, 여기에 삽입용 코드가 표시됩니다. 웹 페이지를 만드는 경우라면 이 코드를 복사해 넣으면 됩니다. 기본적으로 <i> 태그에 클래스 이름을 지정하는 형태이고, 크기와 색은 CSS로 조절합니다.
시작하기 전에 한 가지 준비가 필요합니다. 사이트의 시작하기(Start) 안내를 따라 아이콘을 불러오는 설정을 페이지에 넣어야 아이콘이 표시됩니다. 이 설정 없이 코드만 붙여넣으면 빈 네모만 보이게 되니, 이 단계를 빼먹지 마세요.
웹이 아닌 문서나 디자인 작업에 쓸 거라면 아이콘 파일을 직접 내려받는 방식을 이용하면 됩니다. SVG 형태로 받아 디자인 도구에서 열면 색과 크기를 자유롭게 조절할 수 있습니다.
무료 1,535개로 충분한가요?
현실적인 답을 드리면 일반적인 웹사이트나 앱이라면 대체로 충분합니다.
홈, 검색, 사용자, 설정, 장바구니, 메일, 전화, 위치, 달력, 파일, 화살표 같은 기본 아이콘은 무료 범위에 포함되어 있습니다. 웹사이트를 구성하는 데 필요한 핵심 아이콘은 대부분 여기서 해결됩니다.
부족함을 느끼는 지점은 두 가지입니다. 하나는 특정 업종에 특화된 세밀한 아이콘이 필요할 때이고, 다른 하나는 같은 아이콘의 여러 스타일 변형이 필요할 때입니다. 무료에서는 선택할 수 있는 스타일이 제한되기 때문에, 전체를 얇은 선 스타일로 통일하고 싶다면 유료 영역으로 넘어가게 됩니다.
그래서 판단 기준은 이렇습니다. 기능적으로 필요한 아이콘이 목적이라면 무료로 충분하고, 디자인 통일성을 세밀하게 맞추는 것이 목적이라면 유료를 검토하게 됩니다.
이런 분들에게 특히 유용합니다
홈페이지나 웹 서비스를 직접 만드는 분에게 가장 잘 맞습니다. 아이콘을 이미지로 관리하는 번거로움에서 벗어날 수 있고, 사이트 유지 관리도 훨씬 단순해집니다.
워드프레스나 각종 웹 제작 도구를 쓰는 분에게도 유용합니다. 많은 도구가 이 아이콘 세트를 기본으로 지원하고 있어, 별도 설정 없이 바로 쓸 수 있는 경우가 많습니다.
개발을 배우는 학생에게도 좋은 도구입니다. 직접 만든 연습용 페이지에 아이콘 몇 개만 들어가도 완성도가 확 달라지니, 만드는 재미가 붙습니다.
간단한 자료를 만드는 실무자에게도 쓸모가 있습니다. 아이콘을 SVG로 받아 문서나 발표 자료에 넣으면, 통일된 인상을 만들 수 있습니다.
장점과 아쉬운 점
가장 큰 장점은 아이콘을 글자처럼 다룰 수 있다는 점입니다. 크기와 색을 코드로 즉시 바꿀 수 있어, 디자인 수정이 잦은 작업에서 시간이 크게 절약됩니다. 널리 쓰이는 세트라 참고 자료를 찾기 쉽다는 점도 실무적 장점이지요.
아쉬운 점을 짚겠습니다. 첫째, 무료 범위의 스타일이 제한적입니다. 1,535개가 적은 수는 아니지만, 원하는 스타일의 변형까지 고르려면 유료로 넘어가야 합니다.
둘째, 초기 설정이 필요합니다. 아이콘을 불러오는 설정을 넣지 않으면 표시되지 않으므로, 웹에 익숙하지 않은 분에게는 첫 단계가 벽이 될 수 있습니다.
셋째, 한글 검색이 되지 않습니다. 영어 키워드로 찾아야 합니다.
넷째, 무료 사용 시 라이선스 조건을 확인해야 합니다. 무료 아이콘에도 사용 조건이 정해져 있으므로, 상업 프로젝트에 쓰기 전에 사이트 내 라이선스 안내를 확인하는 편이 안전합니다.
무료 범위를 정리하면 이렇습니다. Free 버전은 1,535개 아이콘을 제공하고, Pro는 추가 7,020개를 포함하는 유료 등급입니다. (2026년 8월 10일 확인 기준) 정확한 개수와 요금은 변동될 수 있으니 사이트 내 안내에서 확인하시는 게 정확합니다.
요약
정리하면 이곳은 아이콘을 글꼴처럼 다루는 방식으로 널리 알려진 아이콘 세트 제공 서비스로, 무료 버전에서 1,535개의 아이콘을 쓸 수 있는 곳입니다.
아이콘을 이미지 파일로 관리하는 수고가 사라지고, 크기와 색을 코드로 즉시 조절할 수 있습니다. 웹사이트에 필요한 기본 아이콘은 무료 범위로 대체로 해결된다는 점이 가장 큰 이득이지요.
무료 스타일의 제한과 초기 설정의 부담은 감안해야 합니다. 그래도 직접 만드는 페이지에 아이콘이 필요하다면, 가장 무난하고 자료도 많은 출발점입니다.
4. 신(하나님)은 과연 존재하는가? 신이 존재한다는 증거가 있는가?
ChatGPT, 유튜브 프리미엄, 넷플릭스 구독료 80% 할인 받는 법 (클릭)
함께 보면 좋은 글
이 노트는 보도·비평·교육·연구 목적으로 작성되었습니다. 저작권 문의가 있으시면 에서 알려주세요.