DEVtoy
언어 · 한국어

SVG를 CSS로

SVG를 CSS background-image 데이터 URL로 인코딩하고 로컬에서 미리 봅니다.

사용 방법

  1. 입력을 붙여넣거나 아래 예제를 불러오세요.
  2. 옵션을 조정한 뒤 “CSS로 변환”을 선택하세요.
  3. 결과를 확인한 뒤 복사하거나 다운로드하세요.

업로드도 계정도 필요 없습니다. 브라우저 안에서 처리합니다.

입력 예제
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M20 6 9 17l-5-5"/></svg>

관련 도구