Heroicons 공식 주소
Heroicons의 공식 주소는 heroicons.com(https://heroicons.com) 입니다. 사이트이며 무료로 쓸 수 있습니다.
- 공식 사이트
- 예
- 요금
- 무료로 쓸 수 있습니다
- 로그인
- 로그인 없이 쓸 수 있습니다
- 모바일
- 휴대폰에서도 잘 보입니다
어떤 곳인가요
Heroicons(heroicons.com) — SVG 아이콘 세트. 무료이미지 분야 공식 주소입니다. 로그인·결제 전에 주소창의 도메인 철자를 확인하세요.
Heroicons가 웹 개발자에게 편한 이유
Heroicons는 웹 화면에 쓰기 좋게 정리된 오픈소스 아이콘 세트입니다. 같은 주제를 외곽선 형태와 채운 형태로 함께 제공해 버튼이나 메뉴 상태에 따라 골라 쓸 수 있습니다. SVG 형식이라 화면이 커져도 깨지지 않고 색을 자유롭게 바꿀 수 있습니다.
프로젝트에 아이콘을 적용하는 순서
- 필요한 개념의 아이콘을 먼저 정하고 크기 기준을 통일합니다.
- 외곽선형과 채움형 가운데 화면 성격에 맞는 쪽을 고릅니다.
- 복사한 SVG 코드에 현재 색상을 지정하는 값을 넣습니다.
- 버튼 안에 넣을 때는 글자와 아이콘의 여백을 함께 맞춥니다.
아이콘 라이선스를 확인하는 방법
오픈소스 아이콘은 대체로 자유롭게 쓸 수 있지만 세트마다 표기 방식과 재배포 조건이 조금씩 다릅니다. 여러 세트를 섞어 쓸 때는 선 굵기와 모서리 처리가 비슷한 것끼리 묶는 편이 자연스럽습니다. 다른 아이콘 세트는 무료이미지·폰트 주소모음에서 볼 수 있습니다.
자주 묻는 질문
아이콘을 웹사이트 코드에 넣어도 되나요?
SVG 형태로 복사해 코드에 바로 넣을 수 있으며, 공개된 라이선스 조건을 따르면 상업적 프로젝트에도 사용할 수 있습니다.
아이콘 색과 크기를 바꿀 수 있나요?
SVG는 벡터 형식이라 코드에서 색상과 크기를 자유롭게 지정할 수 있어 사이트의 강조색에 맞추기 좋습니다.