이렇게 사용하세요
아이콘 SVG를 붙여 넣고 너비 48, 색상 #b6ebbd로 조정해 다운로드합니다.
입력부터 결과까지
- SVG 작업실 작업 화면을 열고 예시를 불러옵니다.
- 설명을 읽고 형식과 옵션을 선택한 뒤, 자신의 입력으로 바꿉니다. 민감한 정보 대신 테스트 데이터로 먼저 확인하세요.
- 실행 후 결과와 상태 메시지를 확인합니다. 오류가 있으면 입력 형식을 수정하고 다시 실행하세요.
- 원하는 결과를 복사하거나 파일로 저장합니다. 생성·변환 결과는 자동으로 보관되지 않습니다.
viewBox와 표시 크기의 차이
viewBox는 그림이 사용하는 좌표계를 정의하고 width와 height는 표시 크기를 정의합니다. 24×24 좌표계로 그린 아이콘도 표시 크기만 48로 바꾸면 선과 도형이 함께 확대됩니다. SVG 작업실은 기본 도형과 경로 중심의 허용 목록을 사용하므로 스크립트, HTML 삽입, 외부 이미지는 제거됩니다. 따라서 복잡한 원본의 기능을 모두 보존하는 범용 벡터 편집기는 아닙니다. 내보내기 전에 미리보기와 코드를 함께 확인하세요.
예시 입력
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8" fill="#b6ebbd"/> </svg>
결과 해석
Display size: width="48" height="48" Coordinate system: viewBox="0 0 24 24"
알아두면 좋은 점
형식과 의미
미리보기는 스크립트를 실행하지 않는 이미지로 표시합니다. 스크립트·이벤트·외부 참조는 제거합니다.
올바른 사용
최적화 전후를 확인하세요. 복잡한 필터·폰트 등 일부 요소는 지원하지 않습니다.
자주 놓치는 부분
JSX 변환은 속성명을 변환하며 보안 필터링된 SVG를 사용합니다.
지원 범위와 제한
SVG 500KB, 최대 3,000개 요소; 기본 도형·경로·그라데이션 지원
입력이 제한을 넘으면 데이터를 나누어 처리하세요. 파일 형식이나 알고리즘이 지원 범위에 없으면 다른 형식으로 임의 변환하지 말고 요구 사항에 맞는 도구를 선택하세요.
데이터는 어떻게 처리되나요?
도구 처리는 브라우저에서 수행합니다. DNS 조회는 명시한 외부 제공자에게 조회 도메인을 보냅니다. 홈·가이드·작업 화면에는 설정에 따라 광고가 표시될 수 있습니다.
도구 열기