manuelodelain/svg-twig-extension

Add inline svg with Twig

Svg Twig extension

Add inline svg with Twig version 2 or 3, _(*1)

Installation

With Composer: composer require manuelodelain/svg-twig-extension, _(*2)

Usage

use manuelodelain\Twig\Extension\SvgExtension;
use Twig\Environment;

$twig = new Environment(...);

$twig->addExtension(new SvgExtension());

{{ svg('img.svg') }}

Will output your svg file inline., _(*3)

You can omit the extension, _(*4)

{{ svg('img') }}

You can add a global base path:, _(*5)

new SvgExtension('assets/img')

Options

Add or replace attributes with the attr property:, _(*6)

{{ svg('img.svg', {attr: {class: 'inline-svg', id: 'marker-1'}}) }}

Add CSS classes:, _(*7)

{{ svg('img.svg', {classes: 'add-classname another-classname'}) }}