Aktualnie najbardziej rekomendowanym sposobem tworzenia własnego zasobu ikonek jest użycie “svg sprite”. Polega on na umieszczeniu ikonek w formacie svg w jednym większym pliku svg załadowanym przy wejściu na stronę, a następnie odwoływanie się do jego zasobów.

Aby stworzyć własny zestaw ikon należy:

Aby wyświetlić pojedynczą ikonkę wystarczy wstawić znacznik svg jak poniżej:

<svg><use xlink:href=”#svg-cart”></use></svg>

Poza tym możemy to rozwiązanie przetrzymywać w localStorage, co pozwala nam na szybsze załadowanie strony http://osvaldas.info/caching-svg-sprite-in-localstorage. Pod tym linkiem można znaleźć także demo tego rozwiązania.

Udostępnij