Главная Полезности Хорошие истории Забавности Отдых Кино Музыка Блокнот

Собирание svg-спрайта

  1. С помощью сервиса IcoMoon https://icomoon.io/app/#/select собрать svg-спрайт и добавить в проект файл спрайта и файл со стилями иконок.
  2. В файл: https://gitlab.xxxxxx.ru/sites/xxxx.ru/-/blob/master/app/Twig/yyyyyyExtension.php
    Добавить код:
    new Twig_SimpleFunction('svg_icon', [$this, 'svgIcon'], ['is_safe' => ['html']]), /// в функцию public function getFunctions()


    public function svgIcon($icon, $class = '', $id = null) { $url = $this->url->asset('assets/frontend/images/symbol-defs.svg') . '?v=' . $this->hash; if ($id) { $id = "id='{$id}'"; } return "<svg {$id} class="icon icon-{$icon} {$class}"><use xlink:href="{$url}#icon-{$icon}"></use></svg>"; }
  3. В шаблонах подключить иконки с помощью twig-функции, например: {{ svg_icon('search') }}