Почему не получается задать нужный размер SVG-элементу, использующему SVG-спрайт?

saveTibet: Скобка в ссылке лишняя

Почему не получается задать нужный размер SVG-элементу, использующему SVG-спрайт?

saveTibet: Есть еще один вариант. Поскольку у нас есть свг элемент в html мы можем все таки упростить задачу управлением его размерами через CSS а не писать viewBox в svg:

1. Для квадаратной иконки можно установить размеры равные 1em, для неквадратных – нужные пропорции (например ширина 1em и высота 1.6em) и тогда можно управлять размерами иконки с помощью font-size
   
2. Туда же можно еще и fill: currentColor добавить.
   

Мне кажется это то что нужно. ( Пример тут https://jsfiddle.net/dart_eugenius/60xdccpL/8/ )

Почему не получается задать нужный размер SVG-элементу, использующему SVG-спрайт?

Если нужно чтоб иконка была квадратной то выручит max-height: 100%;
Но это поможет только вслучае если вьюбокс квадратный

Почему не получается задать нужный размер SVG-элементу, использующему SVG-спрайт?

у вставленного svg нет размеров – он ведет себя как iframe, поэтому есть три способа решения проблемы

1. viewBox
   
2. указать явно размеры через атрибуты
   
3. указать явно размеры через CSS
   

Почему не получается задать нужный размер SVG-элементу, использующему SVG-спрайт?

saveTibet: https://jsfiddle.net/60xdccpL/3/ а если перейти по ссылке и поигратся?

Почему не получается задать нужный размер SVG-элементу, использующему SVG-спрайт?

<svg>
    <use xlink:href="#icon-bill"></use>
</svg>

В этом элементе его нет, по этому размеры – по дефолту