fix(ui): drawer icon and spacing

Author: pwltr

src/assets/icons/index.ts

@@ -85,7 +85,7 @@ export const cloudCheckIcon = (color = 'white'): string => `
 <svg fill="none" viewBox="0 0 16 16"><path fill="${color}" d="M5 8a5 5 0 1 1 5 5H4.5a3.5 3.5 0 1 1 .87-6.891" opacity=".2"/><path fill="${color}" fill-rule="evenodd" d="M10.878 3.586A4.5 4.5 0 0 0 5.5 8a.5.5 0 0 1-1 0c0-.508.07-1.01.207-1.493a3 3 0 1 0-.206 5.993h5.5a4.5 4.5 0 0 0 .877-8.914ZM5.08 5.542A4 4 0 1 0 4.5 13.5H10a5.5 5.5 0 1 0-4.92-7.958Z" clip-rule="evenodd"/><path fill="${color}" fill-rule="evenodd" d="M12.354 6.896a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L9 9.543l2.646-2.647a.5.5 0 0 1 .708 0Z" clip-rule="evenodd"/></svg>`;
 
 export const coinsIcon = (color = 'white'): string => `
-<svg fill="none" viewBox="0 0 16 16"><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath><clipPath id="b"><path d="M0-.056h16v16H0z"/></clipPath><g clip-path="url(#a)"><g stroke="${color}" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.333" clip-path="url(#b)"><path d="M5.6 9.544c0 .637.506 1.247 1.406 1.697.9.45 2.12.703 3.394.703 1.273 0 2.494-.253 3.394-.703.9-.45 1.406-1.06 1.406-1.697 0-.636-.506-1.247-1.406-1.697-.9-.45-2.121-.703-3.394-.703-1.273 0-2.494.253-3.394.703-.9.45-1.406 1.06-1.406 1.697z"/><path d="M5.6 9.544v3.2c0 1.325 2.149 2.4 4.8 2.4s4.8-1.075 4.8-2.4v-3.2M.8 3.144c0 .315.124.628.365.919.242.29.595.555 1.04.778s.976.4 1.558.52 1.207.183 1.837.183c.63 0 1.255-.062 1.837-.182s1.111-.298 1.557-.52.8-.488 1.04-.78c.242-.29.366-.603.366-.918s-.124-.627-.365-.918c-.242-.291-.595-.556-1.04-.779s-.976-.4-1.558-.52A9.125 9.125 0 0 0 5.6.744c-.63 0-1.254.062-1.837.183-.582.12-1.111.297-1.557.52s-.8.488-1.04.779C.923 2.517.8 2.829.8 3.144z"/><path d="M.8 3.144v8c0 .71.618 1.35 1.6 1.79"/><path d="M.8 7.144c0 .71.618 1.35 1.6 1.79"/></g></g></svg>`;
+<svg fill="none" viewBox="0 0 24 24"><path fill="${color}" d="M9 13.875c0 .895.632 1.754 1.757 2.387 1.126.632 2.652.988 4.243.988 1.591 0 3.117-.356 4.243-.988C20.368 15.629 21 14.77 21 13.875s-.632-1.754-1.757-2.386C18.117 10.855 16.59 10.5 15 10.5c-1.591 0-3.117.356-4.243.989C9.632 12.12 9 12.979 9 13.875ZM3 6c0 .394.155.784.457 1.148.301.364.743.695 1.3.973.558.279 1.219.5 1.947.65C7.432 8.923 8.212 9 9 9c.788 0 1.568-.078 2.296-.228a8.022 8.022 0 0 0 1.947-.65c.557-.28.999-.61 1.3-.974C14.845 6.784 15 6.394 15 6c0-.394-.155-.784-.457-1.148-.301-.364-.743-.695-1.3-.973a8.022 8.022 0 0 0-1.947-.65A11.407 11.407 0 0 0 9 3c-.788 0-1.568.078-2.296.228-.728.151-1.39.372-1.947.65-.557.28-.999.61-1.3.974C3.155 5.216 3 5.606 3 6Z" opacity=".2"/><path fill="${color}" fill-rule="evenodd" d="M10.482 10.998c1.227-.69 2.852-1.06 4.518-1.06s3.292.37 4.518 1.06c1.216.684 2.044 1.695 2.044 2.877 0 1.181-.828 2.193-2.044 2.877-1.226.69-2.852 1.06-4.518 1.06s-3.291-.37-4.518-1.06c-1.216-.684-2.044-1.696-2.044-2.877 0-1.182.828-2.193 2.044-2.877Zm4.518.064c-1.517 0-2.943.34-3.967.917-1.035.582-1.47 1.287-1.47 1.896 0 .608.435 1.314 1.47 1.896 1.024.576 2.45.916 3.967.916s2.943-.34 3.967-.916c1.035-.582 1.47-1.288 1.47-1.896 0-.609-.435-1.314-1.47-1.896-1.024-.576-2.45-.917-3.967-.917Z" clip-rule="evenodd"/><path fill="${color}" fill-rule="evenodd" d="M10.445 10.933c1.24-.698 2.88-1.07 4.555-1.07 1.676 0 3.315.372 4.555 1.07 1.227.69 2.083 1.722 2.083 2.942 0 1.22-.856 2.252-2.083 2.942-1.24.698-2.88 1.07-4.555 1.07-1.675 0-3.315-.372-4.555-1.07-1.227-.69-2.082-1.722-2.082-2.942 0-1.22.855-2.252 2.082-2.942Zm4.555.204c-1.507 0-2.92.339-3.93.907-1.023.575-1.432 1.26-1.432 1.83 0 .571.41 1.256 1.432 1.832 1.01.568 2.423.906 3.93.906 1.507 0 2.92-.338 3.93-.906 1.023-.576 1.433-1.26 1.433-1.831 0-.57-.41-1.256-1.433-1.831-1.01-.568-2.423-.907-3.93-.907Zm0-1.2c-1.666 0-3.291.37-4.518 1.061-1.216.684-2.044 1.695-2.044 2.877 0 1.181.828 2.193 2.044 2.877 1.227.69 2.852 1.06 4.518 1.06s3.292-.37 4.518-1.06c1.216-.684 2.044-1.696 2.044-2.877 0-1.182-.828-2.193-2.044-2.877-1.226-.69-2.852-1.06-4.518-1.06Zm-3.967 2.042c1.024-.576 2.45-.917 3.967-.917s2.943.34 3.967.917c1.035.582 1.47 1.287 1.47 1.896 0 .608-.435 1.314-1.47 1.896-1.024.576-2.45.916-3.967.916s-2.943-.34-3.967-.916c-1.035-.582-1.47-1.288-1.47-1.896 0-.609.435-1.314 1.47-1.896ZM6.59 2.677c.768-.159 1.586-.24 2.41-.24.824 0 1.643.081 2.41.24a8.582 8.582 0 0 1 2.084.698c.606.303 1.118.678 1.482 1.118.368.444.586.957.586 1.507 0 .55-.218 1.063-.585 1.507-.365.44-.877.814-1.483 1.117a8.582 8.582 0 0 1-2.084.698c-.767.16-1.586.24-2.41.24-.824 0-1.642-.08-2.41-.24a8.584 8.584 0 0 1-2.084-.698c-.606-.303-1.118-.677-1.482-1.117-.368-.444-.586-.957-.586-1.507 0-.55.218-1.063.586-1.507.364-.44.876-.815 1.482-1.118a8.583 8.583 0 0 1 2.084-.698ZM9 3.562c-.752 0-1.494.074-2.182.217-.69.143-1.303.35-1.809.603-.508.254-.88.54-1.12.829-.234.284-.326.55-.326.789 0 .238.092.505.327.789.238.288.61.575 1.119.829.506.253 1.12.46 1.809.603.688.142 1.43.216 2.182.216s1.494-.074 2.182-.216a7.465 7.465 0 0 0 1.81-.603c.507-.254.88-.541 1.118-.829.236-.284.328-.551.328-.79 0-.237-.093-.504-.328-.788-.238-.288-.61-.575-1.119-.83a7.465 7.465 0 0 0-1.809-.602A10.844 10.844 0 0 0 9 3.562Z" clip-rule="evenodd"/><path fill="${color}" fill-rule="evenodd" d="M6.575 2.604c.773-.16 1.596-.242 2.425-.242.829 0 1.652.082 2.425.242.772.16 1.488.397 2.103.704.612.306 1.133.687 1.506 1.137.377.455.603.984.603 1.555 0 .57-.226 1.1-.603 1.555-.373.45-.894.83-1.506 1.136a8.658 8.658 0 0 1-2.103.705c-.773.16-1.596.241-2.425.241-.829 0-1.652-.081-2.425-.241a8.658 8.658 0 0 1-2.103-.705c-.612-.306-1.133-.686-1.506-1.136C2.589 7.1 2.363 6.57 2.363 6c0-.57.226-1.1.603-1.555.373-.45.894-.83 1.506-1.137a8.658 8.658 0 0 1 2.103-.704ZM9 3.637c-.747 0-1.484.074-2.167.215a7.39 7.39 0 0 0-1.79.597c-.502.25-.865.532-1.095.81-.227.273-.31.523-.31.74 0 .218.083.469.31.742.23.278.593.559 1.095.81.499.25 1.106.455 1.79.596.683.142 1.42.215 2.167.215.747 0 1.484-.073 2.167-.215a7.392 7.392 0 0 0 1.79-.596c.502-.251.865-.532 1.095-.81.227-.273.31-.524.31-.741 0-.218-.083-.468-.31-.742-.23-.277-.592-.558-1.094-.81a7.392 7.392 0 0 0-1.791-.596A10.77 10.77 0 0 0 9 3.637Zm0-1.2c-.824 0-1.642.081-2.41.24a8.583 8.583 0 0 0-2.084.698c-.606.303-1.118.678-1.482 1.118-.368.444-.586.957-.586 1.507 0 .55.218 1.063.586 1.507.364.44.876.814 1.482 1.117.608.304 1.317.54 2.084.698.768.16 1.586.24 2.41.24.824 0 1.643-.08 2.41-.24a8.582 8.582 0 0 0 2.084-.698c.606-.303 1.118-.677 1.482-1.117.368-.444.586-.957.586-1.507 0-.55-.218-1.063-.585-1.507-.365-.44-.877-.815-1.483-1.118a8.582 8.582 0 0 0-2.084-.698A11.967 11.967 0 0 0 9 2.437ZM6.818 3.78c.688-.143 1.43-.217 2.182-.217s1.494.074 2.182.217c.69.143 1.303.35 1.81.603.507.254.88.54 1.118.829.236.284.328.55.328.789 0 .238-.093.505-.328.789-.238.288-.61.575-1.119.829-.506.253-1.12.46-1.809.603-.688.142-1.43.216-2.182.216s-1.494-.074-2.182-.216a7.465 7.465 0 0 1-1.809-.603c-.508-.254-.88-.541-1.12-.829-.234-.284-.326-.551-.326-.79 0-.237.092-.504.327-.788.238-.288.61-.575 1.119-.83a7.465 7.465 0 0 1 1.809-.602ZM10.482 10.998c1.227-.69 2.852-1.06 4.518-1.06s3.292.37 4.518 1.06c1.216.684 2.045 1.695 2.045 2.877 0 1.181-.83 2.193-2.044 2.877-1.227.69-2.853 1.06-4.519 1.06s-3.291-.37-4.518-1.06c-1.216-.684-2.044-1.696-2.044-2.877 0-1.182.828-2.193 2.044-2.877Zm4.518.064c-1.517 0-2.943.34-3.967.917-1.035.582-1.47 1.287-1.47 1.896 0 .608.435 1.314 1.47 1.896 1.024.576 2.45.916 3.967.916s2.943-.34 3.967-.916c1.035-.582 1.47-1.288 1.47-1.896 0-.609-.435-1.314-1.47-1.896-1.024-.576-2.45-.917-3.967-.917Z" clip-rule="evenodd"/><path fill="${color}" fill-rule="evenodd" d="M10.445 10.933c1.24-.698 2.88-1.07 4.555-1.07 1.676 0 3.315.372 4.555 1.07 1.227.69 2.083 1.722 2.083 2.942 0 1.22-.856 2.252-2.083 2.942-1.24.698-2.88 1.07-4.555 1.07-1.675 0-3.315-.372-4.555-1.07-1.227-.69-2.082-1.722-2.082-2.942 0-1.22.855-2.252 2.082-2.942Zm4.555.204c-1.507 0-2.92.339-3.93.907-1.023.575-1.432 1.26-1.432 1.83 0 .571.41 1.256 1.432 1.832 1.01.568 2.423.906 3.93.906 1.507 0 2.92-.338 3.93-.906 1.023-.576 1.433-1.26 1.433-1.831 0-.57-.41-1.256-1.433-1.831-1.01-.568-2.423-.907-3.93-.907Zm0-1.2c-1.666 0-3.291.37-4.518 1.061-1.216.684-2.044 1.695-2.044 2.877 0 1.181.828 2.193 2.044 2.877 1.227.69 2.852 1.06 4.518 1.06s3.292-.37 4.518-1.06c1.216-.684 2.045-1.696 2.045-2.877 0-1.182-.83-2.193-2.044-2.877-1.227-.69-2.853-1.06-4.519-1.06Zm-3.967 2.042c1.024-.576 2.45-.917 3.967-.917s2.943.34 3.967.917c1.035.582 1.47 1.287 1.47 1.896 0 .608-.435 1.314-1.47 1.896-1.024.576-2.45.916-3.967.916s-2.943-.34-3.967-.916c-1.035-.582-1.47-1.288-1.47-1.896 0-.609.435-1.314 1.47-1.896Z" clip-rule="evenodd"/><path fill="${color}" fill-rule="evenodd" d="M9 13.687c.31 0 .563.252.563.563v3.857c0 .46.405 1.04 1.439 1.538.994.48 2.407.792 3.998.792 1.591 0 3.004-.312 3.998-.792 1.034-.498 1.44-1.078 1.44-1.538V14.25a.562.562 0 1 1 1.125 0v3.857c0 1.137-.938 2.003-2.076 2.552-1.177.568-2.764.903-4.487.903-1.723 0-3.31-.335-4.487-.903-1.138-.549-2.075-1.415-2.075-2.552V14.25c0-.31.251-.563.562-.563Z" clip-rule="evenodd"/><path fill="${color}" fill-rule="evenodd" d="M9 13.612c.352 0 .638.286.638.638v3.857c0 .415.37.976 1.396 1.471.982.474 2.383.784 3.966.784 1.583 0 2.984-.31 3.966-.784 1.026-.495 1.396-1.056 1.396-1.471V14.25a.638.638 0 0 1 1.276 0v3.857c0 1.182-.974 2.068-2.118 2.62-1.19.573-2.788.91-4.52.91-1.731 0-3.33-.337-4.52-.91-1.144-.552-2.117-1.438-2.117-2.62V14.25c0-.352.285-.638.637-.638Zm.563.638a.562.562 0 1 0-1.125 0v3.857c0 1.137.937 2.003 2.075 2.552 1.177.568 2.764.903 4.487.903 1.723 0 3.31-.335 4.487-.903 1.138-.549 2.076-1.415 2.076-2.552V14.25a.563.563 0 0 0-1.125 0v3.857c0 .46-.406 1.04-1.44 1.538-.994.48-2.407.792-3.998.792-1.591 0-3.004-.312-3.998-.792-1.034-.498-1.44-1.078-1.44-1.538V14.25ZM6.59 2.677c.768-.159 1.586-.24 2.41-.24.824 0 1.643.081 2.41.24a8.582 8.582 0 0 1 2.084.698c.606.303 1.118.678 1.482 1.118.368.444.586.957.586 1.507 0 .55-.218 1.063-.585 1.507-.365.44-.877.814-1.483 1.117a8.582 8.582 0 0 1-2.084.698c-.767.16-1.586.24-2.41.24-.824 0-1.642-.08-2.41-.24a8.584 8.584 0 0 1-2.084-.698c-.606-.303-1.118-.677-1.482-1.117-.368-.444-.586-.957-.586-1.507 0-.55.218-1.063.586-1.507.364-.44.876-.815 1.482-1.118a8.583 8.583 0 0 1 2.084-.698ZM9 3.562c-.752 0-1.494.074-2.182.217-.69.143-1.303.35-1.809.603-.508.254-.88.54-1.12.829-.234.284-.326.55-.326.789 0 .238.092.505.327.789.238.288.61.575 1.119.829.506.253 1.12.46 1.809.603.688.142 1.43.216 2.182.216s1.494-.074 2.182-.216a7.465 7.465 0 0 0 1.81-.603c.507-.254.88-.541 1.118-.829.236-.284.328-.551.328-.79 0-.237-.093-.504-.328-.788-.238-.288-.61-.575-1.119-.83a7.465 7.465 0 0 0-1.809-.602A10.844 10.844 0 0 0 9 3.562Z" clip-rule="evenodd"/><path fill="${color}" fill-rule="evenodd" d="M6.575 2.604c.773-.16 1.596-.242 2.425-.242.829 0 1.652.082 2.425.242.772.16 1.488.397 2.103.704.612.306 1.133.687 1.506 1.137.377.455.603.984.603 1.555 0 .57-.226 1.1-.603 1.555-.373.45-.894.83-1.506 1.136a8.658 8.658 0 0 1-2.103.705c-.773.16-1.596.241-2.425.241-.829 0-1.652-.081-2.425-.241a8.658 8.658 0 0 1-2.103-.705c-.612-.306-1.133-.686-1.506-1.136C2.589 7.1 2.363 6.57 2.363 6c0-.57.226-1.1.603-1.555.373-.45.894-.83 1.506-1.137a8.658 8.658 0 0 1 2.103-.704ZM9 3.637c-.747 0-1.484.074-2.167.215a7.39 7.39 0 0 0-1.79.597c-.502.25-.865.532-1.095.81-.227.273-.31.523-.31.74 0 .218.083.469.31.742.23.278.593.559 1.095.81.499.25 1.106.455 1.79.596.683.142 1.42.215 2.167.215.747 0 1.484-.073 2.167-.215a7.392 7.392 0 0 0 1.79-.596c.502-.251.865-.532 1.095-.81.227-.273.31-.524.31-.741 0-.218-.083-.468-.31-.742-.23-.277-.592-.558-1.094-.81a7.392 7.392 0 0 0-1.791-.596A10.77 10.77 0 0 0 9 3.637Zm0-1.2c-.824 0-1.642.081-2.41.24a8.583 8.583 0 0 0-2.084.698c-.606.303-1.118.678-1.482 1.118-.368.444-.586.957-.586 1.507 0 .55.218 1.063.586 1.507.364.44.876.814 1.482 1.117.608.304 1.317.54 2.084.698.768.16 1.586.24 2.41.24.824 0 1.643-.08 2.41-.24a8.582 8.582 0 0 0 2.084-.698c.606-.303 1.118-.677 1.482-1.117.368-.444.586-.957.586-1.507 0-.55-.218-1.063-.585-1.507-.365-.44-.877-.815-1.483-1.118a8.582 8.582 0 0 0-2.084-.698A11.967 11.967 0 0 0 9 2.437ZM6.818 3.78c.688-.143 1.43-.217 2.182-.217s1.494.074 2.182.217c.69.143 1.303.35 1.81.603.507.254.88.54 1.118.829.236.284.328.55.328.789 0 .238-.093.505-.328.789-.238.288-.61.575-1.119.829-.506.253-1.12.46-1.809.603-.688.142-1.43.216-2.182.216s-1.494-.074-2.182-.216a7.465 7.465 0 0 1-1.809-.603c-.508-.254-.88-.541-1.12-.829-.234-.284-.326-.551-.326-.79 0-.237.092-.504.327-.788.238-.288.61-.575 1.119-.83a7.465 7.465 0 0 1 1.809-.602Z" clip-rule="evenodd"/><path fill="${color}" fill-rule="evenodd" d="M3 5.437c.31 0 .563.252.563.563v9.807c0 .6.4 1.227 1.221 1.707a.563.563 0 0 1-.568.971c-1.022-.598-1.778-1.536-1.778-2.678V6c0-.31.251-.563.562-.563Z" clip-rule="evenodd"/><path fill="${color}" fill-rule="evenodd" d="M3 5.362c.352 0 .638.286.638.638v9.807c0 .564.377 1.17 1.184 1.643a.638.638 0 0 1-.644 1.1c-1.035-.606-1.815-1.565-1.815-2.743V6c0-.352.285-.638.637-.638ZM3.563 6a.563.563 0 0 0-1.125 0v9.807c0 1.142.756 2.08 1.778 2.678a.563.563 0 0 0 .568-.97c-.82-.481-1.221-1.108-1.221-1.708V6Z" clip-rule="evenodd"/><path fill="${color}" fill-rule="evenodd" d="M3 9.938c.31 0 .563.251.563.562 0 .63.41 1.277 1.227 1.768a.562.562 0 1 1-.58.964c-1.024-.615-1.772-1.575-1.772-2.732 0-.31.251-.563.562-.563Z" clip-rule="evenodd"/></svg>`;
 
 export const copyIcon = (color = 'white'): string => `
 <svg viewBox="0 0 32 32"><g fill="${color}"><path d="M21 11v10h6V5H11v6z" opacity=".2"/><g fill-rule="evenodd" clip-rule="evenodd"><path d="M10 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-6a1 1 0 1 1 0-2h5V6H12v5a1 1 0 1 1-2 0z"/><path d="M4 11a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm2 1v14h14V12z"/></g></g></svg>`;