Vector Studio 및 3D 아이콘 작업 공간
브라우저에서 바로 사용하는 SVG 에디터: 패스 편집, 레이어, 정렬을 지원하며 PNG, WebP, React TSX 내보내기를 제공합니다.
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 도구에 복사하거나 캔버스에서 아이콘을 개선하세요.
Vector Studio 및 3D 아이콘 작업 공간
브라우저에서 바로 사용하는 SVG 에디터: 패스 편집, 레이어, 정렬을 지원하며 PNG, WebP, React TSX 내보내기를 제공합니다.
W3C SVG 1.1/2.0 파일, 원본 XML 마크업 또는 내장 카탈로그 아이콘
최적화 SVG, PNG(64–2048 px), WebP, React TSX, Vue 3, Svelte, CSS Data URI, SVG 스프라이트
벡터 노드 편집, 3D 조명, 용량 최적화 및 프레임워크 코드 추출을 브라우저에서 통합 제공
Vector Studio 및 3D 아이콘 작업 공간 사용법
-
1
도구 메뉴에서 Studio 작업 공간을 열고 새 일러스트를 시작하거나 SVG 파일을 불러옵니다.
-
2
인스펙터 패널에서 레이어, 색상, 그라디언트 정지점, 선 두께를 직접 수정합니다.
-
3
아이콘 배지에 3D 조명 프리셋이나 모션 애니메이션을 적용합니다.
-
4
깔끔한 SVG, 고해상도 PNG/WebP로 내보내거나 프레임워크 컴포넌트 코드를 복사합니다.
디스크에서 불러온 shield.svg (단일 패스 레이어)
그라디언트가 조정된 SVG 및 className을 지원하는 JSX 컴포넌트
제한 사항
- 3D 조명 프리셋은 단일 주 광원을 가진 볼록한 도형에서 가장 자연스럽게 표현됩니다.
- 실행 취소 기록은 세션당 최대 50단계까지 유지됩니다.
- 파일당 가져오기 용량 한도는 2 MiB입니다.
이 작업 공간에서 열거나 붙여넣는 파일은 브라우저에서 로컬로 처리됩니다. 서버로 업로드되는 파일은 없습니다.