Evil Icons SVG meine Auswahl
JS und CSS als CDN eingebunden
Stars
Interaktion
Navigation
Info
Search
Social
// Code im HTML: <div data-icon="ei-check" data-size="m"></div>
// Resultierende Code nach JS:
<div class="icon icon--ei-check icon--m ">
<svg class="icon__cnt">
<use href="#ei-check-icon"></use>
</svg>
</div>
Vorteile:
- Einfache Einbindung mit einem DIV
Nachteile:
- 2 zusätzliche Requests an's CDN
- 33kb Javascript und 1.5kb CSS
Fazit:
- Als CDN einbinden ist keine Option, da viel zu groß wenn man nur hie und da ein Icon braucht!