Как лучше создавать и использовать svg спрайты в Wordpress?

Question

[Дмитрий Дев]

Я использую плагин SVG Spritemap Manager для создания и использования Svg спрайтов. Я понимаю, что можно напрямую вызывать спрайты через use, но тогда придется загружать готовый спрайт с кучей лишних иконок, а хотелось бы иметь только необхоимые и используемые сайтом. Поэтому SVG Spritemap Manager, впринципе, отличное решение, но так как он обновлялся 6 лет назад - переживаю за безопасность использования этого плагина.
Так как лучше?

Comments

[Дмитрий]

зачем спрайты, если есть http/2?

[Варлам Ерофеич]

Не понял проблему... - Вот пример спрайта, в нём видим группу иконок:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol viewBox="0 0 32 32" id="check">
    <path d="M26.664 6.27      a.829.829 0 0 0-1.177 0                L13.088 18.611   a.826.826 0 0 1-1.178 0
                   l-5.433-5.532      a.825.825 0 0 0-1.177 0                 l-2.401 2.158      a.83.83 0 0 0-.246.583
                   c0 .215.087.44.247.603                   l5.478 5.749       c.324.328.855.861 1.178 1.186
                   l2.355 2.374       a.834.834 0 0 0 1.178 0                  L29.019 9.83      a.846.846 0 0 0 0-1.188
                   l-2.356-2.373z"/>
</symbol>
<symbol viewBox="0 0 94 13" id="rating">
    <path d="M7 10.5      l-4.11 2.16.78-4.58          L.34 4.84 l4.6-.67  L7 0      
                   l2.06 4.17 4.6.67-3.33 3.24.78 4.58     L7 10.5z
                   m20 0         l-4.11 2.16.78-4.58-3.33-3.24 4.6-.67           L27 0
                   l2.06 4.17 4.6.67-3.33 3.24.78 4.58     L27 10.5z
                   m20 0         l-4.11 2.16.78-4.58-3.33-3.24 4.6-.67           L47 0 
                   l2.061 4.17 4.6.67-3.33 3.24.779 4.58         L47 10.5z
                   m20 0         l-4.109 2.16.779-4.58-3.33-3.24 4.6-.67
                   L67 0          l2.061 4.17 4.6.67-3.33 3.24.779 4.58          L67 10.5z
                   m24.771 3.073     L87 11.064          l-4.771 2.509.904-5.318-3.868-3.764 5.343-.778
                   L87-1.128             l2.393 4.841 5.343.778-3.868 3.764.903 5.318z
                   M87 9.936            l3.447 1.812-.654-3.842 2.792-2.717-3.856-.562
                   L87 1.128             l-1.729 3.499-3.856.562 2.792 2.717-.654 3.842    L87 9.936z"/>
    <path d="M87 10.5l-4.109 2.16.779-4.58-3.33-3.24 4.6-.67L87 0v10.5z"/>
</symbol>
</svg>

Выбираем нужную, например эту:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128">
<g>
<path d="M26.664 6.27     a.829.829 0 0 0-1.177 0
               L13.088 18.611  a.826.826 0 0 1-1.178 0
               l-5.433-5.532     a.825.825 0 0 0-1.177 0
               l-2.401 2.158     a.83.83 0 0 0-.246.583      c0 .215.087.44.247.603
               l5.478 5.749      c.324.328.855.861 1.178 1.186
               l2.355 2.374      a.834.834 0 0 0 1.178 0
               L29.019 9.83     a.846.846 0 0 0 0-1.188     l-2.356-2.373z"/>
</g>
</svg>

Публикуем в любой песочнице.(например здесь):