SVG-иконки в HTML: какая разница делает начальное разрешение?

Question

Google опубликовал Material Design Icons в двух различных резолюциях SVG:

SVG версии всех иконок в обоих 24px и 48px вкусов. [...] Решите на разрешение значка, необходимое для вашего проекта и скопируйте, затем укажите значки, которые вы хотите использовать.

Какая разница, если они находятся в Scalable Vector Graphics? Не должно работать 24px SVG, а также 48px SVG на любом разрешении экрана? Если да, то почему/когда я хочу поместить большие значки в мой SVG sprite?

Answer 1

Вы правы. Пока значки идентичны, это не имеет большого значения.

Однако два размера не идентичны. Меньшая версия некоторых значков была изменена для удобочитаемости. Например, сравните 18px и 48px версию значка «justify». У одного есть четыре строки, у другого - пять.

https://github.com/google/material-design-icons/blob/master/editor/svg/production/ic_format_align_justify_18px.svg

https://github.com/google/material-design-icons/blob/master/editor/svg/production/ic_format_align_justify_48px.svg