I've exported two identical SVGs from my design tool, Figma, except one has shadows enabled and one does not.
The image with shadows looks compressed and is nowhere near as clean as the standard option - this means I don't have a clear way to add shadows to my svgs (as it's a rounded shape and the css properties apply to the whole square of allocated space, leaving white borders).

SVG with shadows: https://github.com/lucasjohnston/temp-svgs/blob/master/shadow.svg
SVG without shadows: https://github.com/lucasjohnston/temp-svgs/blob/master/no_shadow.svg
Screenshot of comparison within Safari: https://github.com/lucasjohnston/temp-svgs/blob/master/Screenshot%202020-01-08%20at%2019.20.06.png
Screenshot of comparison within VS Code's previewer (for comparison): https://github.com/lucasjohnston/temp-svgs/blob/master/Screenshot%202020-01-08%20at%2019.23.34.png