WUSY - Web Ui Sytems and presets

Icons management

Simply: management of icons in text and other situation.

Static icons:

this is img-icon with svg

this is img-icon + svg in div tag

this is img-icon + svg in span tag

this is img-icon + svg in p tag

this is img-icon + svg a tag

this is img-icon + svg in h tag

this is img-icon + svg in h tag text-maxi

this is img-icon with img by style attribute (relative path is not racommended)

this is img-icon with img (not catch the fill color)

this is img-icon via css background-image (not catch the fill color)

this is img-icon via css::after/before mod (not catch the fill color)

Animated icon vs framework

The framework does not natively support font icons elements or external svg presets. However, you can integrate any svg from any source ... as long as you reset it. Exemple: Get Icon from astrid or fontawesome, clean it (width,height, and other...) apply new css animation based on ex.

Note: Buttons have a better custom img positioner for static icons.

an animated Icon: