콘텐츠로 이동
배지 회원가입 불필요 | 100% 브라우저 로컬 처리

SVG 아이콘 매트릭스 및 배지 생성기

사용자 지정 스퀴클/육각형 프레임, 다중 스톱 그라디언트, 상태 배지, 즉시 프레임워크 내보내기를 갖춘 SVG 아이콘의 매개변수적 생성입니다.

100%
도형 추가:

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.

X: 12.0 | Y: 12.0 WCAG AAA | 17.4:1
Folder Simple - Phosphor Icons iconFree Folder Simple vector icon from the Phosphor Icons open-source icon library; solid style, MIT licence, viewBox 0 0 256 256, 251 bytes.
벡터 속성: phosphor-fill-folder-simple-fill | SVG 편집기에서 편집 24x24 | 0.3 KB
크기 실시간 미리보기:
16px
24px
32px
어두운 화면
icon-generator

여러 아이콘 스프라이트 트레이

꾸민 아이콘 여러 개를 고정하고 하나의 심볼 시트로 합칩니다.

아직 고정한 아이콘이 없습니다. 아이콘을 고정해 한 장으로 모아 보세요.

AI 프롬프트와 벡터 개선

AI 프롬프트를 만들거나 캔버스에서 아이콘을 개선하세요

프리셋을 고르고 프롬프트를 AI 도구에 복사하거나 캔버스에서 아이콘을 개선하세요.

기술 문서와 엔지니어링 안내

SVG 아이콘 매트릭스 및 배지 생성기

사용자 지정 스퀴클/육각형 프레임, 다중 스톱 그라디언트, 상태 배지, 즉시 프레임워크 내보내기를 갖춘 SVG 아이콘의 매개변수적 생성입니다.

지원하는 입력 원본

카탈로그 벡터 아이콘, 사용자 SVG 패스 및 기하학적 배지 프리셋

내보내기와 컴파일 대상

3D 조명 SVG, 512/1024 px PNG·WebP 배지 및 구조화된 AI 프롬프트

기술적 효과와 성능

무거운 래스터 이미지 대신 2 KB 미만의 선명한 벡터 배지 아이콘 생성

SVG 아이콘 매트릭스 및 배지 생성기 사용법

  1. 1

    라이브러리에서 기본 아이콘을 고르거나 직접 만든 SVG 패스를 불러옵니다.

  2. 2

    배지 모양(스쿼클, 둥근 사각형, 원형)과 테두리를 선택합니다.

  3. 3

    그라디언트와 3D 조명을 적용하고 필요하면 배지 텍스트를 입력합니다.

  4. 4

    완성된 아이콘을 원하는 크기별로 한 번에 내보냅니다.

입력 예시

랜턴 아이콘 패스와 배지 문구 "NEW"

출력 예시

그라디언트 조명이 적용된 512 px PNG 및 호환 SVG·CSS 배경

제한 사항

  • 배지 텍스트 크기는 선택한 글꼴에 따라 달라지며 작은 크기에서 위치가 미세하게 변할 수 있습니다.
  • 이 생성기의 래스터 출력은 한 변 최대 1024 px입니다.
  • 실행당 하나의 배지를 생성하며, 다중 아이콘 시트는 스프라이트 생성기를 사용하세요.
  • 가져오는 SVG 파일은 개당 2 MB 이하로 제한됩니다.

이 작업 공간에서 열거나 붙여넣는 파일은 브라우저에서 로컬로 처리됩니다. 서버로 업로드되는 파일은 없습니다.

이 도구의 가이드

76,166개 벡터 아이콘을 검색하려면 입력하세요...

이동 | Enter 열기 전체 아이콘 보기

비교

라이선스 상업적 사용 출처 표기 수정과 색 변경
MIT허용번들에 고지 포함허용
ISC허용번들에 고지 포함허용
Apache-2.0허용고지 파일과 함께 필요허용
CC BY 4.0허용출처 표시 필요허용
CC-BY-SA-4.0허용동일 조건 배포동일 조건 배포
Trademark / Brand지칭 용도만소유자 지침제한

아이콘 미리보기