Macros

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 58 52"
>
    <g fill="none" fill-rule="nonzero">
        <path
            fill="#7d6599"
            d="M39.58 24H54a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v16a4 4 0 0 0 4 4h14.43"
        />
        <path
            fill="#4fba6f"
            d="m40.323 24.7-.007-.007c-6.27-6.11-16.288-6.046-22.48.144-6.19 6.19-6.257 16.207-.148 22.479.063.065.13.126.2.183 6.343 5.887 16.218 5.663 22.288-.506 6.07-6.168 6.135-16.045.147-22.293z"
        />
        <g fill="#fff">
            <path
                d="M24 45c-.53 0-1.04-.21-1.414-.586l-4-4a2 2 0 1 1 2.828-2.828l2.637 2.637 12.59-11.687a2 2 0 0 1 2.722 2.932l-14 13A2 2 0 0 1 24 45zM37 10a3 3 0 0 0-3-3h-2a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-3h.382l1.718 3.447a1 1 0 1 0 1.79-.894l-1.466-2.932A2.989 2.989 0 0 0 37 10zm-4-1h1a1 1 0 0 1 0 2h-1zM26 9a1 1 0 0 1 1 1 1 1 0 0 0 2 0 3 3 0 0 0-6 0v4a3 3 0 0 0 6 0 1 1 0 0 0-2 0 1 1 0 0 1-2 0v-4a1 1 0 0 1 1-1zM18.937 7.648a1 1 0 0 0-1.874 0l-3 8a1 1 0 1 0 1.874.7L16.443 15h3.114l.506 1.352a1 1 0 0 0 1.874-.704zM17.193 13 18 10.848 18.807 13zM50.5 11c-.8 0-1.5-.468-1.5-1s.7-1 1.5-1 1.5.468 1.5 1a1 1 0 0 0 2 0 3.542 3.542 0 0 0-7 0 3.283 3.283 0 0 0 3.5 3c.8 0 1.5.468 1.5 1s-.7 1-1.5 1-1.5-.468-1.5-1a1 1 0 0 0-2 0 3.542 3.542 0 0 0 7 0 3.283 3.283 0 0 0-3.5-3zM42 7a3 3 0 0 0-3 3v4a3 3 0 0 0 6 0v-4a3 3 0 0 0-3-3zm1 7a1 1 0 0 1-2 0v-4a1 1 0 0 1 2 0zM11.128 7.008a1.008 1.008 0 0 0-1.057.621L9 10.308 7.929 7.629a1 1 0 0 0-1.921.247l-1 8a1 1 0 1 0 1.984.248l.519-4.153.56 1.4a1 1 0 0 0 1.858 0l.56-1.4.519 4.153a1 1 0 0 0 1.985-.248l-1-8a1 1 0 0 0-.865-.868z"
            />
        </g>
    </g>
</svg>