调整大小时，SVG图像的一部分消失了

Question

我有一个Vue项目，在其中我将svg图标用作导航中的图像。调整图标大小时，图标的某些部分消失了，等等。

<div class="navigation nav-item">
        <ul>
          <li>
            <img src="../assets/navicons/home-blue.svg" alt />
            <router-link :to="'/'">Главная</router-link>
          </li>
          <li>
            <img src="../assets/navicons/list-blue.svg" alt />
            <router-link :to="'/materials'">Учебный материал</router-link>
          </li>
          <li>
            <img src="../assets/navicons/tests-blue.svg" alt />
            <router-link :to="'/test'">Тесты</router-link>
          </li>
          <li>
            <img src="../assets/navicons/Book.svg" alt />
            <router-link :to="'/portfolio'">Портфолио</router-link>
          </li>
          <li>
            <img src="../assets/navicons/Shop.svg" alt />
            <router-link :to="'/library'">Библиотека</router-link>
          </li>
        </ul>
      </div>