SVG를 정리하고 색상·크기를 바꾸거나 JSX로 변환하세요.
입력은 이 브라우저에서 처리됩니다.
개발에 가져다 쓸 수 있는 기본 예제입니다. 표시된 환경에서 실행하세요.
Node.js 22+ · ES module (.mjs)
현재 입력 반영은 코드에 사용된 항목에만 적용됩니다. 파일 입력은 예제에 포함하지 않습니다.
필요한 패키지 설치
npm install svgoimport { optimize } from "svgo";
const svg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="#4a8052"/></svg>';
console.log(optimize(svg, { multipass: true }).data);
// Optimization is not sanitization. Sanitize untrusted SVG before rendering.아이콘 SVG를 붙여 넣고 너비 48, 색상 #b6ebbd로 조정해 다운로드합니다.
미리보기는 스크립트를 실행하지 않는 이미지로 표시합니다. 스크립트·이벤트·외부 참조는 제거합니다.
최적화 전후를 확인하세요. 복잡한 필터·폰트 등 일부 요소는 지원하지 않습니다.
JSX 변환은 속성명을 변환하며 보안 필터링된 SVG를 사용합니다.
SVG 500KB, 최대 3,000개 요소; 기본 도형·경로·그라데이션 지원
입력이 제한을 넘으면 데이터를 나누어 처리하세요. 파일 형식이나 알고리즘이 지원 범위에 없으면 다른 형식으로 임의 변환하지 말고 요구 사항에 맞는 도구를 선택하세요.