{# Stroke icons (24×24) for the public pages; they inherit the text color. #}
{% macro icon(name) %}
<svg class="pu-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
    {%- if name == 'bed' -%}
        <path d="M3 18.5V6.5M3 13.5h18v5M21 13.5v-1A3.5 3.5 0 0 0 17.5 9H11v4.5"/><circle cx="7" cy="10.5" r="1.8"/>
    {%- elseif name == 'bath' -%}
        <path d="M3.5 12h17v1.5a5.5 5.5 0 0 1-5.5 5.5H9a5.5 5.5 0 0 1-5.5-5.5zM6 12V6.3a2.3 2.3 0 0 1 4.3-1.1M7.5 19l-1 2M16.5 19l1 2"/>
    {%- elseif name == 'area' -%}
        <path d="M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5M9 9h6v6H9z"/>
    {%- elseif name == 'car' -%}
        <path d="M4 16.5v-4.5l2.2-5h11.6l2.2 5v4.5zM4 12h16M6.5 16.5V19M17.5 16.5V19"/><circle cx="7.8" cy="14.2" r=".7"/><circle cx="16.2" cy="14.2" r=".7"/>
    {%- elseif name == 'sofa' -%}
        <path d="M5 11V8.5A2.5 2.5 0 0 1 7.5 6h9A2.5 2.5 0 0 1 19 8.5V11M3 17.5v-5a2 2 0 0 1 4 0V14h10v-1.5a2 2 0 0 1 4 0v5zM5.5 17.5V20M18.5 17.5V20"/>
    {%- elseif name == 'paw' -%}
        <circle cx="6" cy="10.5" r="1.7"/><circle cx="9.7" cy="6.3" r="1.7"/><circle cx="14.3" cy="6.3" r="1.7"/><circle cx="18" cy="10.5" r="1.7"/><path d="M8.3 17.3c0-2.7 1.7-4.8 3.7-4.8s3.7 2.1 3.7 4.8c0 1.5-1.1 2.2-2.1 2.2-.9 0-1-.6-1.6-.6s-.7.6-1.6.6c-1 0-2.1-.7-2.1-2.2z"/>
    {%- elseif name == 'pin' -%}
        <path d="M12 21s-6.5-5.7-6.5-11.2a6.5 6.5 0 0 1 13 0C18.5 15.3 12 21 12 21z"/><circle cx="12" cy="9.8" r="2.3"/>
    {%- elseif name == 'check' -%}
        <path d="m5 12.5 4.5 4.5L19 7.5"/>
    {%- elseif name == 'grid' -%}
        <rect x="3.5" y="3.5" width="7" height="7" rx="1.5"/><rect x="13.5" y="3.5" width="7" height="7" rx="1.5"/><rect x="3.5" y="13.5" width="7" height="7" rx="1.5"/><rect x="13.5" y="13.5" width="7" height="7" rx="1.5"/>
    {%- elseif name == 'lock' -%}
        <rect x="5" y="11" width="14" height="9.5" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/>
    {%- elseif name == 'share' -%}
        <path d="M12 15V3.5M7.5 8 12 3.5 16.5 8M5 12.5V19a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6.5"/>
    {%- elseif name == 'arrow' -%}
        <path d="M5 12h14M13 6l6 6-6 6"/>
    {%- elseif name == 'chat' -%}
        <path d="M4.5 5h15a1 1 0 0 1 1 1v9.5a1 1 0 0 1-1 1H9.5L5 20v-3.5h-.5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z"/>
    {%- elseif name == 'calendar' -%}
        <rect x="3.5" y="5" width="17" height="15.5" rx="2"/><path d="M3.5 10h17M8 3v4M16 3v4"/>
    {%- elseif name == 'file' -%}
        <path d="M13.5 3H7.5A1.5 1.5 0 0 0 6 4.5v15A1.5 1.5 0 0 0 7.5 21h9a1.5 1.5 0 0 0 1.5-1.5V7.5zM13.5 3v4.5H18M9 13h6M9 17h4"/>
    {%- elseif name == 'key' -%}
        <circle cx="8" cy="15.5" r="4"/><path d="m11 12.5 8.5-8.5M15.5 8l3 3"/>
    {%- elseif name == 'close' -%}
        <path d="M6 6l12 12M18 6 6 18"/>
    {%- elseif name == 'left' -%}
        <path d="M15 5l-7 7 7 7"/>
    {%- elseif name == 'right' -%}
        <path d="M9 5l7 7-7 7"/>
    {%- elseif name == 'sparkle' -%}
        <path d="M12 3.5 13.8 9l5.7 1.9-5.7 1.9L12 18.5l-1.8-5.7-5.7-1.9L10.2 9z"/>
    {%- endif -%}
</svg>
{% endmacro %}