Jump to: navigation, search

Changes


Icon Font

1,346 bytes added, 12:26, 24 September 2020
{{Attention|UBIK-Standard is currently only supported for the Xamarin client.}}
 
==Creation==
The process for creating icons is documented here.
 
===Step 01: Asset creation===
The first step is to find similar, open-source icons to tweak. [https://themes-pixeden.com/font-demos/7-stroke/ Pixeden], [https://lineicons.com/icons/ LineIcons], or [https://linea.io/ LineA], are good starting points, as they have a similar style.
 
When tweaking (for example, in Adobe Illustrator), use a stroke width of 3 for the base line thickness.
 
It is good practice to produce three sets of .SVGs; a stroke version, an expanded version, and a final version. The stroke version is more easily edited, but the lines must be 'expanded' in Illustrator to be imported as icons. Finally, duplicate the expanded version, and name it using the following syntax:
<code>001#ubik-U0x26</code>
 
* The first number is used to keep the icon list orderly.
* Add as many tags as desired using the # as separators. For example, a check mark icon may be listed as #ok#confirm#check. The - ends the tag portion of the syntax.
* The glyph code assigns the icon to a certain space on the character map. As different device vendors block different glyph code sets for different uses, it is good practice to overwrite the basic alphabet, numbers, and symbols, to ensure the icons work on a large range of devices. Starting from 21, glyph codes may use numbers, or letters from 2A (2 here being an example) to 2F.
==Usage==
|}
[[Category:Pages with broken file links|Icon Font]]
== Known Issues ==
487
edits