✨ SVG Icon Editor

Create and customize SVG icons

Presets

Configuration

SVG Path Data:

ViewBox:

Size: 128px

Fill Color:

Stroke Color:

Stroke Width: 0px

Background:

Preview

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="128" height="128">
  <path d="M12 2L2 7v10l10 5 10-5V7L12 2zm0 2.18L19.82 8 12 11.82 4.18 8 12 4.18zM4 9.5l7 3.5v7l-7-3.5v-7zm9 10.5v-7l7-3.5v7l-7 3.5z" fill="#3b82f6"/>
</svg>