아이콘 규칙 설정

모든 제어는 클라이언트 측에서 적용됩니다. 크기는 픽셀 단위이며, 선 두께는 소수점 첫째 자리까지 반올림됩니다. 내보낸 심볼은 currentColor를 유지하므로 나중에 CSS에서 색상을 변경할 수 있습니다.

아이콘 검색

아이콘 이름 및 commerce, weather, media와 같은 태그와 일치합니다.

카테고리

내보낼 아이콘을 선택하기 전에 갤러리를 필터링하세요.

스프라이트 ID 접두사

문자, 숫자, 하이픈만 가능합니다. 잘못된 문자는 자동으로 제거됩니다.

아이콘 크기

허용 범위: 16 ~ 256 픽셀.

선 두께

허용 범위: 1.0 ~ 4.0.

선 끝 스타일

작은 크기에서도 가독성을 유지하기 위해 모서리는 항상 둥글게 유지됩니다.

선 색상

#16202B와 같은 3자리 또는 6자리 16진수 값을 사용하세요.

미리보기 배경

갤러리 미리보기에만 사용됩니다. 다운로드 파일은 투명하게 유지됩니다.

미리보기 옵션

미리보기 배경 표시 내보낸 SVG는 여전히 투명한 캔버스를 사용합니다.

0개의 아이콘이 선택되었습니다.

스프라이트 내보내기

번들 출력에는 선택한 아이콘당 하나의 <symbol>이 포함됩니다. 나중에 <use href="#icon-name">으로 각 아이콘을 참조하세요. 선택된 항목이 없으면 내보내기 작업이 비활성화됩니다.

하나 이상의 아이콘을 선택하여 스프라이트 미리보기를 생성하세요.

이 갤러리는 페이지에 직접 저장된 인라인 SVG 마크업을 사용합니다. 입력값은 안전한 범위로 제한되며 즉시 다시 렌더링되어 미리보기와 내보낸 마크업이 동기화됩니다.

키워드 검색 및 카테고리 필터를 사용하여 아이콘 목록을 좁힙니다. 검색은 이름과 태그를 모두 포함하므로 관련 검색어도 잘 작동합니다.

크기, 선 두께, 끝 스타일 및 색상이 실시간으로 업데이트됩니다. 미리보기 배경은 배경색 대비를 확인하는 데 유용하며 실제 SVG에는 포함되지 않습니다.

개별 아이콘을 복사/다운로드하거나 여러 개를 선택해 스프라이트 시트를 만드세요. ID는 설정한 접두사와 소문자 이름으로 자동 정리됩니다.