SVG sprite: cut off the edges of the icon. How to fix?

Question

Sprites

Good afternoon!
In a new project, I needed to use an svg sprite. I collect the sprite using gulp-svg-sprite , and assign it using css through the background property. Faced such a problem: icons are cut off at the edges when changing the width of the browser window. For example:
at 548px width the icons are displayed correctly

and at 640px the middle icon is cut off

How to solve this problem?

Answer 1

try layout set diagonal
https://github.com/jkphl/svg-sprite/blob/master/do...
here it is written in a nutshell that browsers can perceive
modx.ws/svg-sprites-gulp sizes differently -sass