Дмитрий Чайников

В данном случае большой отступ сверху и небольшой отступ слева, это часть картинки. Существует 2 варианта корректировки:
1. Воспользоваться векторным редактором, например Adobe Illustrator
2. Поместить картинку во вложенный контейнер, как в случае со спрайтами (кстати, хороший вариант - изучите эту возможность).

Внимание на скриншоты:


Вроде все получается:



SVG-иконки автомобилей:

Правой кнопкой мышки на путь к файлу и "Open in new tab"

1. Шрифт называется: Gabriela Stencil
2. Использование текста в качестве маски:

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1000 500" >
<defs>
  <mask id="LetMask"  > 
  <rect 
    x="0" y="0"
    width="100%"
    height="100%"
    fill="#black" />
     <text
      font-size="300px"
      font-family="serif"
      x="100" y="300"
      fill="white">
      Text &#9973;
     </text>
  </mask>
</defs>
 <image 
   xlink:href="https://i.stack.imgur.com/sbuGW.jpg"
   width="100%"
   height="100%"
   mask="url(#LetMask)" /> 
</svg>