SVG 아이콘 매트릭스 및 배지 생성기
사용자 지정 스퀴클/육각형 프레임, 다중 스톱 그라디언트, 상태 배지, 즉시 프레임워크 내보내기를 갖춘 SVG 아이콘의 매개변수적 생성입니다.
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.
꾸민 아이콘 여러 개를 고정하고 하나의 심볼 시트로 합칩니다.
아직 고정한 아이콘이 없습니다. 아이콘을 고정해 한 장으로 모아 보세요.
AI 프롬프트를 만들거나 캔버스에서 아이콘을 개선하세요
프리셋을 고르고 프롬프트를 AI 도구에 복사하거나 캔버스에서 아이콘을 개선하세요.
AI & Procedural 3D Icon Generator - Badge Builder, Lighting & Prompt Studio
Transform flat monochrome UI icons into vibrant 3D squircle app icons, duotone brand badges, and animated micro-interaction vectors. The Procedural Icon Generator combines SVG <feDropShadow> lighting filters, multi-stop gradients, optical padding, and an integrated AI Prompt Studio for Claude, ChatGPT, Midjourney, and v0.
사용자 지정 스퀴클/육각형 프레임, 다중 스톱 그라디언트, 상태 배지, 즉시 프레임워크 내보내기를 갖춘 SVG 아이콘의 매개변수적 생성입니다.
76,166 base vector icons + custom geometric primitives + AI style presets
3D-lit SVG, 1024x1024 / 2048x2048 App Store PNG/WebP, AI Engineering Prompts
Generates resolution-independent 3D badge icons at < 2 KB instead of heavy 200 KB raster renders
SVG 아이콘 매트릭스 및 배지 생성기 사용법
-
1
Pick a base icon from the library or import your own SVG path.
-
2
Choose the badge shape (squircle, rounded square, circle) and border.
-
3
Apply gradient stops and 3D lighting, then add badge text if needed.
-
4
Export the ready icon in every target size at once.
A lantern icon path plus badge text "NEW"
PNG 512 with gradient lighting plus matching SVG and CSS background
제한 사항
- Badge text metrics depend on the selected font and may shift at small sizes.
- Raster exports are limited to 1024 px per side.
- One badge layout is rendered per run; multi-icon sheets belong to the sprite tool.
이 작업 공간에서 열거나 붙여넣는 파일은 브라우저에서 로컬로 처리됩니다. 서버로 업로드되는 파일은 없습니다.