oscarotero/inline-svg

PHP library to embed svg in the html

Maintainers

Details

github.com/oscarotero/inline-svg

Homepage

Source

Issues

Installs: 23 119

Dependents: 1

Suggesters: 0

Security: 0

Stars: 19

Watchers: 3

Forks: 2

Open Issues: 1

v2.0.2 2019-06-18 12:22 UTC

Requires

  • php: >=5.4.0
  • ext-dom: *

MIT 52808b3b353b9c883a6abaf614e5790a10536814

iconssvg

This package is auto-updated.

Last update: 2024-11-18 23:48:23 UTC

README

PHP library to embed svg icons in the html pages so you can use css to change the style. Why do not use icon fonts? Here a comparison svg vs fonts

Requirements:

Installation

This package is installable and autoloadable via Composer as oscarotero/inline-svg.

$ composer require oscarotero/inline-svg

Usage:

use InlineSvg\Collection;
use InlineSvg\Transformers\Cleaner;

$icons = Collection::fromPath('path/to/svg/files');

//Add a cleaner transformer to remove ids
$icons->addTransformer(new Cleaner());

//Insert the svg code of the file 'edit.svg':
echo $icons->get('edit'); // <svg ... </svg>

//Modify any attribute
echo $icons->get('edit')->withAttribute('class', 'big-icon'); // <svg class="big-icon" .. </svg>

//Make the svg accesible
echo $icons->get('edit')->withA11y('The edit icon'); // <svg role="img" aria-labelledby="icon-edit-123-title"><title id="icon-edit-123-title">The edit icon</title> .. </svg>