Skip to content

Module Icon

Jump to bottom Edit New page
Alex Trofimov edited this page Apr 2, 2018 · 10 revisions

There are some standards in UNA icons, we encourage everyone to use the same principles:

  • use proper shape
  • use orange background color for profile based modules
  • use green background color for content modules modules
  • use grey background color for utility modules
  • use original vector logo for service integration modules

You can use PNG and SVG image formats for UNA module icon.

1. PNG Format

There is PSD template file with the shape, so you can use it for your own icon, just place your own graphic in "CANVAS" folder in PSD file layers:

UNA PSD file layers

For example, if you insert some photo there, it will look like this:

UNA icon sample

After image is ready, save it with the following names and sizes:

  • template/images/icons/std-wi.png - 256x256px
  • template/images/icons/std-si.png - 128x128px
  • template/images/icons/std-pi.png - 64x64px
  • template/images/icons/std-mi.png - 64x64px

1. SVG Format

You need only one icon for SVG format. Please use the same shape as in PNG, here is sample SVG source code with the proper shape. You can use some SVG editor to add your icon inside it.

// TODO: SVG shape source code

Add a custom footer
Add a custom sidebar
Clone this wiki locally