Pixel Perfect · Tools
Pixel Icon Tool

Paint on the 7×7 grid and export as SVG. Click & drag to draw, shift-click or right-click to erase.
0 px filled30×30 viewBox
Color
Size
Canvas
GridlinesInclude empty pixels in SVG
Padding3
Gap0.00
Preview30×30
SVG outputread-only
<svg width="30px" height="30px" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
  <g stroke-linejoin="miter" stroke-linecap="butt">
    <path d="M3 3.005L3 2.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M7 3.005L7 2.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M11 3.005L11 2.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M15 3.005L15 2.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M19 3.005L19 2.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M23 3.005L23 2.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M27 3.005L27 2.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M3 7.005L3 6.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M7 7.005L7 6.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M11 7.005L11 6.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M15 7.005L15 6.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M19 7.005L19 6.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M23 7.005L23 6.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M27 7.005L27 6.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M3 11.005L3 10.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M7 11.005L7 10.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M11 11.005L11 10.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M15 11.005L15 10.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M19 11.005L19 10.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M23 11.005L23 10.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M27 11.005L27 10.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M3 15.005L3 14.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M7 15.005L7 14.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M11 15.005L11 14.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M15 15.005L15 14.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M19 15.005L19 14.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M23 15.005L23 14.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M27 15.005L27 14.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M3 19.005L3 18.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M7 19.005L7 18.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M11 19.005L11 18.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M15 19.005L15 18.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M19 19.005L19 18.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M23 19.005L23 18.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M27 19.005L27 18.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M3 23.005L3 22.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M7 23.005L7 22.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M11 23.005L11 22.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M15 23.005L15 22.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M19 23.005L19 22.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M23 23.005L23 22.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M27 23.005L27 22.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M3 27.005L3 26.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M7 27.005L7 26.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M11 27.005L11 26.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M15 27.005L15 26.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M19 27.005L19 26.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M23 27.005L23 26.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
    <path d="M27 27.005L27 26.995" stroke="#ffffff00" stroke-width="4" stroke-linecap="square"></path>
  </g>
</svg>