{# Inline SVG icons.

   Inline rather than an icon font or a sprite sheet: there are a dozen of them,
   they need to inherit `currentColor`, and neither a second network request nor
   a build step is worth it. #}

{% macro icon(name, size=14) %}
{%- set paths = {
  'logo': '<path d="M3 12h4l2-6 3 12 2-6h5"/>',
  'check': '<path d="M13.5 4.5 6 12 2.5 8.5"/>',
  'alert': '<path d="M8 5.5v3.5"/><circle cx="8" cy="11.6" r="0.8" fill="currentColor" stroke="none"/><path d="M8 1.8 15 14H1z"/>',
  'x': '<path d="M4 4l8 8M12 4l-8 8"/>',
  'plus': '<path d="M8 3.5v9M3.5 8h9"/>',
  'left': '<path d="M9.5 4 5.5 8l4 4"/>',
  'right': '<path d="M6.5 4l4 4-4 4"/>',
  'bolt': '<path d="M9 1.5 3.5 9H8l-1 5.5L12.5 7H8z"/>',
  'bar': '<path d="M4 3v10M8 3v10M12 3v10"/>',
  'flag': '<path d="M3.5 14V2.5h9l-2 3 2 3h-9"/>',
  'shield': '<path d="M8 1.8 13.5 4v4c0 3-2.4 5.2-5.5 6.2C4.9 13.2 2.5 11 2.5 8V4z"/>',
  'map': '<path d="M1.8 4.2 6 2.6l4 1.6 4.2-1.6v9.2L10 13.4l-4-1.6-4.2 1.6z"/><path d="M6 2.6v9.2M10 4.2v9.2"/>',
  'code': '<path d="M5.5 4.5 2 8l3.5 3.5M10.5 4.5 14 8l-3.5 3.5"/>',
  'package': '<path d="M8 1.8 14 5v6l-6 3.2L2 11V5z"/><path d="M2 5l6 3.2L14 5M8 8.2v6"/>',
  'save': '<path d="M3 2.5h7.5L13.5 5.5V13a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V3a.5.5 0 0 1 .5-.5z"/><path d="M5 2.5v4h5v-4M5 13.5v-4h6v4"/>',
  'user': '<circle cx="8" cy="5.5" r="2.6"/><path d="M2.8 14c0-2.6 2.3-4.3 5.2-4.3s5.2 1.7 5.2 4.3"/>',
  'car': '<path d="M2 10.5h12M3.5 10.5V8l1.8-3.5h5.4L12.5 8v2.5"/><circle cx="5" cy="12" r="1.2"/><circle cx="11" cy="12" r="1.2"/>',
  'globe': '<circle cx="8" cy="8" r="6.2"/><path d="M1.8 8h12.4M8 1.8c1.7 1.8 2.6 4 2.6 6.2S9.7 12.4 8 14.2C6.3 12.4 5.4 10.2 5.4 8S6.3 3.6 8 1.8z"/>',
  'trash': '<path d="M3 4.5h10M6.5 4.5V3h3v1.5M4.5 4.5V13a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V4.5"/>',
  'target': '<circle cx="8" cy="8" r="5.8"/><circle cx="8" cy="8" r="2.2"/>',
  'signal': '<rect x="5" y="1.8" width="6" height="12.4" rx="2"/><circle cx="8" cy="5" r="1"/><circle cx="8" cy="11" r="1"/>',
  'eye': '<path d="M1.2 8S3.8 3.5 8 3.5 14.8 8 14.8 8 12.2 12.5 8 12.5 1.2 8 1.2 8z"/><circle cx="8" cy="8" r="2"/>',
  'download': '<path d="M8 2v8M4.5 7 8 10.5 11.5 7M2.5 13.2h11"/>',
  'pin': '<path d="M6 1.8h4l-.6 4 2.4 2.2v1.2H4.2V8L6.6 5.8z"/><path d="M8 9.2V14"/>',
  'repo': '<path d="M3.5 2.2h9v11.6H4.6a1.1 1.1 0 0 1-1.1-1.1z"/><path d="M3.5 11.3h9"/><path d="M6 2.2v6l1.6-1.2L9.2 8.2v-6"/>'
} -%}
<svg width="{{ size }}" height="{{ size }}" viewBox="0 0 16 16" fill="none"
     stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
     stroke-linejoin="round" aria-hidden="true">{{ paths.get(name, '')|safe }}</svg>
{%- endmacro %}