Asset Library > Add Custom Icon - Icon Preview cropped odly

I am having trouble with custom icons that I add to the Asset Library. They look good when used in GenerateBlocks, but the icons are cropped so it is hard to see them in the editor.

Screenshot in GenerateBlocks - Screen Shot 2021-09-24 at 1...
Screenshot in GenerateBlocks edit panel - Screen Shot 2021-09-24 at 1...

Here is the SVG code.
<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M20.18 10.79a3.14 3.14 0 0 1-.67-.17l-.35-.16a.51.51 0 0 0-.45 0l-.35.16a3.52 3.52 0 0 1-3.11-.27c-.38-.23-.36-.37-.62-.4a4.74 4.74 0 0 1-2.7-1.19 1 1 0 0 0-.31-.19 1 1 0 0 0-.73 0 1 1 0 0 0-.31.19 5 5 0 0 1-5 .94.52.52 0 0 1-.29-.7l1.07-1.76A.49.49 0 0 1 6.78 7h6.64a.32.32 0 0 0 .3-.19.34.34 0 0 0-.07-.36l-.24-.26a3.19 3.19 0 0 1-.5-.88.5.5 0 0 0-.47-.31H9.73a.51.51 0 0 1-.45-.28L7.69 1.49A3 3 0 0 0 3.43.5L.7 2.32A1 1 0 0 0 1.81 4l2.73-1.83A1 1 0 0 1 5.32 2a1 1 0 0 1 .68.5l1 2.14a.25.25 0 0 1 0 .24.25.25 0 0 1-.21.12h-.28a2 2 0 0 0-1.72 1c-2 3.24-3.53 5.23-3.53 9 0 6.64 6.34 9 7.5 9h5c1.16 0 7.5-2.36 7.5-9a10.68 10.68 0 0 0-.69-3.89.49.49 0 0 0-.39-.32Z" style="fill:currentColor" transform="scale(2)"/><path d="M23.3 5.24a2.06 2.06 0 0 0 .38-1.82 2 2 0 0 0-1.36-1.18 2.54 2.54 0 0 0-1.13 0 .21.21 0 0 1-.19 0 .23.23 0 0 1-.1-.24 2.72 2.72 0 0 0-.39-1.08A2.06 2.06 0 0 0 18.89 0a2 2 0 0 0-1.53.93A2.62 2.62 0 0 0 17 2a.21.21 0 0 1-.1.17.21.21 0 0 1-.19 0 2.55 2.55 0 0 0-1.13 0 2.06 2.06 0 0 0-1.38 1.25 2.08 2.08 0 0 0 .4 1.75 2.64 2.64 0 0 0 .9.7.23.23 0 0 1 .13.14.27.27 0 0 1 0 .2 2.55 2.55 0 0 0-.31 1.09A2 2 0 0 0 16 9.07a2 2 0 0 0 1.78.15 2.47 2.47 0 0 0 .94-.63.27.27 0 0 1 .19-.08.25.25 0 0 1 .18.08 2.47 2.47 0 0 0 .94.63A2.05 2.05 0 0 0 21.91 9a2 2 0 0 0 .69-1.65 2.55 2.55 0 0 0-.31-1.09.25.25 0 0 1 .11-.35 2.5 2.5 0 0 0 .9-.67ZM18.94 6.5a1.5 1.5 0 1 1 1.5-1.5 1.5 1.5 0 0 1-1.5 1.5Z" style="fill:currentColor" transform="scale(2)"/></svg>