podicons

Handwritten SVG icons with compressibility in mind

Metrics 📊

• 20×20px bounding box
• 16×16px live area
• 2px stroke weight
• 1px corner radius

Base shapes in order of preference

Strokes are always considered to be outside shapes for measurements.

1. 12×12px square with no elements outside
2. 14×14px circle with no elements outside
3. 8×8px square-small
4. 10×10px circle-small

Format

• Colors are inherited via currentColor
• Attributes should be sorted as defined in the latest SVG standard
• Results shall be minified using SVGO:

  npx svgo --config=.svgo.yml --input=outline/icon.svg

Starter templates

Outline

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2"></svg>