Softonic

SVG 아이콘 제작기

x-init="restore()" >
단계 1 / 2
다음

디자인을 다른 곳으로 보내지 않고 간단한 SVG 아이콘을 만드세요. 12개의 내장 기호 중 하나를 선택한 후 출력 크기, 획 두께와 색, 채우기, 배경색, 모서리 반경을 설정합니다. 완성 파일은 고정된 24×24 viewBox를 사용하며 SVG 코드로 복사하거나 SVG 파일로 내려받을 수 있습니다.

네 단계로 아이콘 만들기

  1. 1

    기호 선택

    하트, 별, 체크 표시, 십자, 원, 정사각형, 삼각형, 화살표, 번개, 달, 해, 종 중에서 고릅니다. 자유롭게 그리는 캔버스가 아닌 고정 프리셋입니다.

  2. 2

    출력 크기 설정

    너비와 높이를 32~256 px로 선택합니다. 내부 viewBox는 24×24로 유지됩니다.

  3. 3

    스타일 조정

    획을 0.5~6으로 조절하고 색, 채우기 없음, currentColor 또는 획 색상, 배경과 모서리 반경을 선택합니다.

  4. 4

    복사 또는 다운로드

    SVG 코드를 복사하거나 파일을 내려받습니다. 다운로드 파일명은 heart.svg처럼 선택한 기호 이름을 사용합니다.

이 도구가 만드는 것

내보낸 파일에는 24×24 SVG, 배경 사각형, 미리 정해진 기호 하나가 들어갑니다. 목업, 작은 인터페이스 또는 프로토타입에 적합합니다. 그림을 가져오거나, 경로 점을 편집하거나, 텍스트를 추가하거나, 설명으로 맞춤 아이콘을 만들 수는 없습니다.

채우기, 사용 및 개인정보

윤곽선만 쓰려면 없음을 선택하세요. currentColor는 인라인 SVG에서 부모 요소의 CSS color를 채우기에 따르게 합니다. 배경 사각형은 항상 내보내기에 포함됩니다. 아이콘은 브라우저에서 생성되며 설정은 서버로 전송되지 않습니다. 두 단계 흐름에서는 결과에 표시하기 위해 이 탭의 세션 저장소에 일시적으로 보관됩니다.

자주 묻는 질문

아니요. 이 도구는 12개의 내장 기호에 스타일을 적용합니다. 경로 명령을 그리거나 편집하려면 SVG 경로 편집기를 사용하세요.

아니요. 모든 내보내기는 24×24 viewBox를 사용합니다. 출력 너비와 높이만 32~256 px로 바꿀 수 있습니다.

아니요. SVG는 브라우저에서 생성되며 설정은 서버로 전송되지 않습니다.

관련 도구

Material Design 색상 선택기

Material Design 색상 팔레트를 둘러보세요. 어떤 음영(50부터 A700까지)이든 HEX, RGB, HSL로 한 번에 복사합니다.

십자수 도안 만들기

JPEG, PNG, WebP를 10–150칸, 2–40가지 전용 색상, 기호, 정확한 스티치 수와 원단 크기가 포함된 인쇄용 십자수 도안으로 변환하세요.

이미지 포맷 변환기

브라우저에서 바로 이미지를 JPG, PNG, WebP로 변환하세요. 손실 형식의 품질을 조절하고 PNG와 WebP의 투명도는 그대로 유지됩니다.

모눈종이 생성기

인쇄용 모눈종이를 온라인으로 만드세요: 사각 또는 점 격자를 선택하고 간격을 mm로 설정하며 A4 또는 Letter와 원하는 선 색을 지정한 뒤, 인쇄하거나 선명한 SVG로 내려받으세요.

Pantone to HEX 변환기

화면과 인쇄 매칭을 위해 Pantone PMS 색상을 가장 가까운 HEX, RGB, CMYK 값으로 변환하고 견본 미리보기를 제공합니다.

깃발 만들기

여섯 가지 레이아웃, 색상, 텍스트, 기호로 간단한 맞춤 3:2 깃발을 브라우저에서 디자인하세요. SVG 또는 PNG를 내려받거나 브라우저 인쇄 대화상자를 열 수 있습니다.

이 도구는 다른 언어로도 제공됩니다