[myAccount]
==
<div class="w-24">
    <a href="{{ myAccount.accountPage | page }}"
       class="text-grey flex flex-col items-center justify-center no-underline">
        <svg class="text-grey fill-current w-6 mb-2" viewBox="0 0 20 20"
             version="1.1" xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink">
            <g stroke="none" stroke-width="1" fill-rule="evenodd">
                <g id="icon-shape">
                    <path d="M4.99999861,5.00218626 C4.99999861,2.23955507 7.24419318,0 9.99999722,0 C12.7614202,0 14.9999958,2.22898489 14.9999958,5.00218626 L14.9999958,6.99781374 C14.9999958,9.76044493 12.7558013,12 9.99999722,12 C7.23857424,12 4.99999861,9.77101511 4.99999861,6.99781374 L4.99999861,5.00218626 Z M1.11022272e-16,16.6756439 C2.94172855,14.9739441 6.3571245,14 9.99999722,14 C13.6428699,14 17.0582659,14.9739441 20,16.6756471 L19.9999944,20 L0,20 L1.11022272e-16,16.6756439 Z"></path>
                </g>
            </g>
        </svg>

        <div class="text-xs">
            {{ 'offline.mall::frontend.account' | trans }}
        </div>
    </a>
</div>