Как сделать несколько SVG встроенными?

Question

У меня есть источник для нескольких файлов SVG в моем коде, но по какой-то причине они не будут встроены, даже если на чертежах Google, в которых они были сделаны, они были в одной строке.

The JSFiddle is https://jsfiddle.net/53raccoon/zrym4h95/3/

Answer 1

У вас было две проблемы:

1. По умолчанию SVG имеют ширину "100%".Если вы хотите, чтобы они были встроены, вы должны дать им меньшую ширину.Например."40%"

   a {
     display: inline-block;
     width: 40%;
   }
   

2. Другая проблема заключалась в том, что ваши значения viewBox были слишком большими.Ваши кнопки были намного меньше, чем то, что сказал viewBox.Например, первый viewBox

   viewBox="0.0 0.0 960.0 720.0"
   

   должен быть больше похож на

   viewBox="184 27 203 76"
   

Обновленная скрипка