🎨
svg icon search,
무료 아이콘 검색 SVG / 상업적 이용 무료
상업적 이용이 가능한 2,200종 이상의 오픈 소스 아이콘(Lucide·Heroicons)을 통합 검색.
크기나 색상을 커스터마이즈하여 SVG·React·Vue 코드를 원클릭으로 복사.
🔍
다중 세트 통합 검색
2200종 이상의 무료 아이콘
📋
즉시 복사 & 저장
SVG/React/Vue 지원
🎨
자유로운 커스터마이징
크기·색상·선 굵기 변경
|라이선스: Lucide (ISC) / Heroicons (MIT)
선택 중인 아이콘
🔒모든 데이터는 브라우저 내에서 처리됩니다. 서버 통신은 없습니다.
about,
개요
SVG 아이콘 검색 도구는 Lucide 아이콘 세트 등을 통합 검색하고, SVG 코드를 원클릭으로 복사할 수 있는 도구입니다. 크기·컬러·선 굵기의 커스터마이징도 가능하며, React/Vue용 임포트 코드도 생성합니다. 모든 처리는 브라우저 내에서 완료됩니다.
how to,
사용법
STEP 1
키워드로 검색
입력란에 아이콘 이름(arrow, home 등)을 입력하여 필터링합니다.
STEP 2
선택 및 커스터마이징
아이콘을 클릭하여 크기·컬러·선 굵기를 조정합니다.
STEP 3
코드 복사
SVG·React·Vue 코드를 복사하여 프로젝트에 붙여넣습니다.
glossary,
용어집
- SVG (Scalable Vector Graphics)
- XML 기반의 벡터 이미지 형식. 크기 조정이 자유로워 웹에 최적화됨.
- 아이콘 세트
- 통일된 디자인 언어로 정리된 아이콘 그룹.
- Lucide
- 오픈 소스 SVG 아이콘 세트 (1500+). ISC 라이선스. 아름답고 일관된 아이콘.
- Heroicons
- Tailwind CSS 팀이 제작한 SVG 아이콘 세트. MIT 라이선스.
- viewBox
- SVG의 좌표계를 정의하는 속성. 크기 변경 시 비율을 유지함.
- stroke-width
- SVG의 스트로크(선) 두께를 지정하는 속성.
- React Component
- JavaScript의 React 프레임워크를 위해 컴포넌트 형식으로 아이콘을 사용하는 방법.
- currentColor
- SVG의 stroke/fill 속성을 CSS의 color 값과 연동시키는 키워드.
faq,
FAQ
- Q.아이콘의 라이선스는 무엇인가요?
- Lucide는 ISC 라이선스, Heroicons는 MIT 라이선스입니다. 상업용 프로젝트에서도 무료로 이용할 수 있습니다.
- Q.몇 개의 아이콘이 수록되어 있나요?
- 본 도구는 Lucide 아이콘과 Heroicons의 주요 아이콘을 수록하고 있습니다.
- Q.데이터는 서버로 전송되나요?
- 아니요. 모두 브라우저 내에서 처리됩니다.
use cases,
활용 씬
🎨
웹 디자인
웹 사이트·UI 아이콘 선정에.
💻
React 프로젝트
컴포넌트 코드를 즉시 복사하여 도입.
📐
디자인 목업
피그마에 붙이기 전에 브라우저에서 미리보기.
📚
라이브러리 비교
Lucide vs Heroicons를 한눈에 비교.
피드백 보내기
도구를 개선하는 데 도움이 되도록 의견을 알려주세요.
피드백이 성공적으로 전송되었습니다. 협조해 주셔서 감사합니다!
오류가 발생했습니다. 나중에 다시 시도해 주세요.
Feedback is temporarily suspended
The server is busy or spam protection is active. Please try again later.