Icon Test environment

Source images

Icon 16x16px
Agreement 16x16px icon
Icon 24x24px
Agreement 24x24px icon
Icon 48x84px
Agreement 48x48px icon
Pictogram 64x64px
Book pictogram
Pictogram plus 128x128px
Chat Bot pictogram plus





Type of implementation

A. Import icons/pictograms from html as 'img' tags

Icon 16x16px
Agreement 16x16px icon
Icon 24x24px
Agreement 24x24px icon
Icon 48x84px
Agreement 48x48px icon
Pictogram 64x64px
Book pictogram
Pictogram plus 128x128px
Chat Bot pictogram plus



B. Import icons/pictorgams from css as image backgound

Icon 16x16px
Icon 24x24px
Icon 48x84px
Pictogram 64x64px
Pictogram plus 128x128px



C. Import icons/pictorgams from css as svg mask (vismaicon way)

Icon 16x16px
Icon 24x24px
Icon 48x84px
Pictogram 64x64px
Pictogram plus 128x128px



D. Import icons/pictorgams as embeded svg element

Icon 16x16px
Icon 24x24px
Icon 48x84px
Pictogram 64x64px
Pictogram plus 128x128px