{% macro icon(name, size=20, class_name='') -%}
<svg class="app-icon {{ class_name }}" width="{{ size }}" height="{{ size }}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
  {% if name == 'dashboard' %}<rect x="3" y="3" width="7" height="7" rx="2"/><rect x="14" y="3" width="7" height="7" rx="2"/><rect x="3" y="14" width="7" height="7" rx="2"/><rect x="14" y="14" width="7" height="7" rx="2"/>
  {% elif name == 'building' %}<path d="M3 21h18M6 21V4h9v17M15 9h3v12M9 8h2M9 12h2M9 16h2"/>
  {% elif name == 'invoice' %}<path d="M6 3h9l3 3v15H6z"/><path d="M14 3v4h4M9 11h6M9 15h6"/>
  {% elif name == 'wallet' %}<path d="M3 7h16a2 2 0 0 1 2 2v9H5a2 2 0 0 1-2-2z"/><path d="M3 7l2-3h12l2 3M16 12h5"/>
  {% elif name == 'chart' %}<path d="M4 20V10M10 20V4M16 20v-7M22 20H2"/>
  {% elif name == 'upload' %}<path d="M12 16V3M7 8l5-5 5 5"/><path d="M4 14v6h16v-6"/>
  {% elif name == 'settings' %}<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6v.2h-4V21a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H2.8v-4H3a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1a1.7 1.7 0 0 0 1.9.3A1.7 1.7 0 0 0 10 3V2.8h4V3a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.2v4H21a1.7 1.7 0 0 0-1.6 1z"/>
  {% elif name == 'users' %}<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.9M16 3.1a4 4 0 0 1 0 7.8"/>
  {% elif name == 'backup' %}<ellipse cx="12" cy="5" rx="8" ry="3"/><path d="M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6"/>
  {% elif name == 'audit' %}<path d="M9 11l2 2 4-4"/><path d="M5 3h14v18H5zM8 3V1M16 3V1"/>
  {% elif name == 'key' %}<circle cx="8" cy="15" r="4"/><path d="M11 12l9-9M16 4l4 4"/>
  {% elif name == 'logout' %}<path d="M10 17l5-5-5-5M15 12H3"/><path d="M14 3h7v18h-7"/>
  {% elif name == 'plus' %}<path d="M12 5v14M5 12h14"/>
  {% elif name == 'back' %}<path d="M15 18l-6-6 6-6"/>
  {% elif name == 'save' %}<path d="M5 3h12l3 3v15H4V4z"/><path d="M8 3v6h8V3M8 21v-7h8v7"/>
  {% elif name == 'plug' %}<path d="M8 3v6M16 3v6M6 9h12v2a6 6 0 0 1-6 6v4"/>
  {% elif name == 'sync' %}<path d="M20 7h-5V2M4 17h5v5"/><path d="M18.5 11a7 7 0 0 0-12-4L4 9M5.5 13a7 7 0 0 0 12 4L20 15"/>
  {% elif name == 'bank' %}<path d="M3 9h18L12 3zM5 9v9M9 9v9M15 9v9M19 9v9M3 21h18M2 18h20"/>
  {% elif name == 'shield' %}<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/>
  {% elif name == 'calendar' %}<rect x="3" y="5" width="18" height="16" rx="2"/><path d="M16 3v4M8 3v4M3 10h18"/>
  {% elif name == 'download' %}<path d="M12 3v13M7 11l5 5 5-5M4 21h16"/>
  {% elif name == 'menu' %}<path d="M4 6h16M4 12h16M4 18h16"/>
  {% elif name == 'close' %}<path d="M6 6l12 12M18 6L6 18"/>
  {% elif name == 'edit' %}<path d="M12 20h9"/><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4z"/>
  {% elif name == 'trash' %}<path d="M3 6h18M8 6V4h8v2M6 6l1 15h10l1-15M10 10v7M14 10v7"/>
  {% elif name == 'copy' %}<rect x="9" y="9" width="11" height="11" rx="2"/><path d="M15 9V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h3"/>
  {% else %}<circle cx="12" cy="12" r="9"/><path d="M12 8v4M12 16h.01"/>
  {% endif %}
</svg>
{%- endmacro %}