인터랙티브 SVG 벡터 에디터
색상, 선 굵기, viewBox, 변형, 여백, 배경과 즉시 SVG/PNG 내보내기를 지원하는 지연 없는 브라우저 벡터 에디터입니다.
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
꾸민 아이콘 여러 개를 고정하고 하나의 심볼 시트로 합칩니다.
아직 고정한 아이콘이 없습니다. 아이콘을 고정해 한 장으로 모아 보세요.
AI 프롬프트를 만들거나 캔버스에서 아이콘을 개선하세요
프리셋을 고르고 프롬프트를 AI 도구에 복사하거나 캔버스에서 아이콘을 개선하세요.
인터랙티브 SVG 벡터 에디터
색상, 선 굵기, viewBox, 변형, 여백, 배경과 즉시 SVG/PNG 내보내기를 지원하는 지연 없는 브라우저 벡터 에디터입니다.
업로드한 .svg 파일(최대 2 MB), 붙여넣은 SVG XML 또는 실시간 카탈로그 검색
살균 처리된 SVG 2.0, 고해상도 PNG/WebP, JSX/TSX, Vue, Svelte, CSS 마스크
50단계 실행 취소와 클라이언트 측 XSS 정화를 지원하는 비파괴 DOM 패스 편집
인터랙티브 SVG 벡터 에디터 사용법
-
1
SVG 코드를 붙여넣거나 파일을 업로드해 캔버스에 불러옵니다.
-
2
원하는 레이어나 노드를 선택해 채우기, 선, 반경, 좌표를 수치나 드래그로 편집합니다.
-
3
그리드와 스냅 가이드를 켜서 픽셀 단위로 정확히 정렬합니다.
-
4
편집된 SVG를 다운로드하거나 정리된 마크업을 복사합니다.
<circle cx="24" cy="24" r="12" fill="#f59e0b"/>
<circle cx="24" cy="24" r="16" fill="#f59e0b" stroke="#24324a"/>
제한 사항
- 경로 위 텍스트(textPath)는 이 편집기에서 수정할 수 없습니다.
- 업로드는 파일당 2 MiB로 제한됩니다.
- Figma 내보내기 파일은 SVG 형식이어야 합니다(PDF 형식은 거부됨).
이 작업 공간에서 열거나 붙여넣는 파일은 브라우저에서 로컬로 처리됩니다. 서버로 업로드되는 파일은 없습니다.