4 replies

Best way to handle svg sizes

Hey there, what would be the best way to maintain svg sizes throughout a project? Should you keep the inline sizes they are given e.g.

<svg width="x" height="y"></svg>

<svg width="x" height="y"></svg>

? Or should you handle them similar to how you handle images by setting a

max-width: 100%;

max-width: 100%;

on them and not setting the sizes on them until you have to in which case maybe setting up a few classes like

.icon-small

.icon-small

.icon-medium

.icon-medium

etc could be an ideal way? Thanks in advance.