Дмитрий Максимов

Там, где объявляется градиент:

<linearGradient id="grad" x1="0" x2="0" y1="0" y2="1">

...для начала, необходимо у атрибута y2 заменить значение с 1 на 100%:

<linearGradient id="grad" x1="0" x2="0" y1="0" y2="100%">

...и добавить атрибут gradientUnits со значением userSpaceOnUse:

<linearGradient id="grad" x1="0" x2="0" y1="0" y2="100%" gradientUnits="userSpaceOnUse">

Получилось:

В этой статье рассказывается про gradientUnits.
Или поступить так, как предложил raron, слить все элементы в один.

Если вы пишете background-image, то не нужно указывать атрибут от свойства background-repeat.
Background-image необходим только для указания пути к изображению.

В вашем случае нужно написать так:

background-color: #000000;
background-image: url(http://30r.biz/images/st/gol/jk/25%D1%8525/JapKros-Lico-25x25.png);
background-repeat: no-repeat;
background-position: center;

Или так как показали в предыдущих комментариях.

frontender.info/using-svg