tdoescher/svguse-bundle

Insert-Tag zum Einbinden von SVG-Dateien

Maintainers

Package info

github.com/tdoescher/contao-svguse-bundle

Type:contao-bundle

pkg:composer/tdoescher/svguse-bundle

Statistics

Installs: 891

Dependents: 0

Suggesters: 0

Stars: 2

Open Issues: 0

Security

Advisories: 0

Aikido package health analysis

3.0.0 2026-02-24 09:25 UTC

Requires

LGPL-3.0-or-later 7882c81624698549a7b3e7e2ba0df27fcc4a732f

This package is auto-updated.

Last update: 2026-02-25 14:06:57 UTC

README

Stellt Insert-Tags zum Einbinden einer SVG-Datei oder zum benutzen eines Icon aus einem SVG-Sprite zur verfügung. Zum erstellen der Sprites kann die IcoMonn App genutzt werden https://icomoon.io.

  • {{svgicon::id}} für die verwendung einer Icon-Font.
  • {{svguse::id}} für die verwendung eines SVG-Sprite.
  • {{svgimport::path/to/svg/icon}} Zum Imporieren eienr SVG (relativ zum Files Verzeichnis).

Beispiele:

Der {{svgicon::phone}} Insert-Tag wird zu:

<span class="icon-phone"></span>

Der {{svguse::mail}} Insert-Tag wird zu:

<svg class="icon icon-mail"><use xlink:href="#icon-mail"></use></svg>

Der {{svgimport::theme/svg/facebook}} Insert-Tag wird zu:

<svg class="icon icon-facebook" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">...</svg>

CSS-Klassen:

Mittels zweiten Parameter kann man den Insert-Tags {{svgicon::id}} und {{svguse::id}} CSS-Klassen mitgeben.

Der {{svguse::mail::circle}} Insert-Tag wird zu:

<svg class="icon icon-mail circle"><use xlink:href="#icon-mail"></use></svg>