@props(['class' => ''])

<svg class="{{ $class }} flex-no-shrink fill-current" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg">
    <path
        d="M21 4.82353V20.1765C21 20.5275 20.8606 20.8641 20.6123 21.1123C20.3641 21.3606 20.0275 21.5 19.6765 21.5H4.32353C3.97251 21.5 3.63586 21.3606 3.38765 21.1123C3.13944 20.8641 3 20.5275 3 20.1765V4.82353C3 4.47251 3.13944 4.13586 3.38765 3.88765C3.63586 3.63944 3.97251 3.5 4.32353 3.5H19.6765C20.0275 3.5 20.3641 3.63944 20.6123 3.88765C20.8606 4.13586 21 4.47251 21 4.82353ZM8.29412 10.3824H5.64706V18.8529H8.29412V10.3824ZM8.53235 7.47059C8.53375 7.27036 8.49569 7.07182 8.42035 6.8863C8.34502 6.70078 8.23387 6.53191 8.09328 6.38935C7.95268 6.24678 7.78537 6.1333 7.60091 6.0554C7.41646 5.97749 7.21846 5.93668 7.01824 5.93529H6.97059C6.5634 5.93529 6.17289 6.09705 5.88497 6.38497C5.59705 6.67289 5.43529 7.0634 5.43529 7.47059C5.43529 7.87777 5.59705 8.26828 5.88497 8.55621C6.17289 8.84413 6.5634 9.00588 6.97059 9.00588C7.17083 9.01081 7.37008 8.97623 7.55696 8.90413C7.74383 8.83202 7.91467 8.7238 8.0597 8.58565C8.20474 8.44749 8.32113 8.28212 8.40223 8.09897C8.48333 7.91582 8.52755 7.71848 8.53235 7.51824V7.47059ZM18.3529 13.7071C18.3529 11.1606 16.7329 10.1706 15.1235 10.1706C14.5966 10.1442 14.0719 10.2564 13.6019 10.4961C13.1318 10.7358 12.7328 11.0945 12.4447 11.5365H12.3706V10.3824H9.88235V18.8529H12.5294V14.3476C12.4911 13.8862 12.6365 13.4283 12.9339 13.0735C13.2313 12.7186 13.6567 12.4954 14.1176 12.4524H14.2182C15.06 12.4524 15.6847 12.9818 15.6847 14.3159V18.8529H18.3318L18.3529 13.7071Z" />
</svg>
