Icon Font - Revision history

REP: /* Viewing Icons */ clarification

2026-03-12T10:40:47Z

‎Viewing Icons: clarification

REP: Added info on how to view icon set

2026-03-12T10:39:39Z

Added info on how to view icon set

REP: /* Mobile Client */ removed mention of icon tables as they were eliminated due to maintenance cost

2026-03-12T09:39:45Z

‎Mobile Client: removed mention of icon tables as they were eliminated due to maintenance cost

CWI: /* Usage */

2025-09-25T15:11:23Z

‎Usage

CWI at 09:53, 22 September 2025

2025-09-22T09:53:00Z

CWI: /* In-App Name Usage */

2025-09-22T09:52:22Z

‎In-App Name Usage

CWI at 09:51, 22 September 2025

2025-09-22T09:51:53Z

CWI at 12:04, 18 September 2025

2025-09-18T12:04:37Z

REP: /* Available Icons */ added link to new article on custom icons in xamarin

2024-08-21T11:22:14Z

‎Available Icons: added link to new article on custom icons in xamarin

REP: reworked to promote more useful info

2024-08-21T11:14:03Z

reworked to promote more useful info

@@ Line 10: / Line 10: @@
 There are two ways to view which icons are available in the set.
 The first requires installing [https://apps.microsoft.com/detail/9WZDNCRDXF41?hl=en-us&gl=AT&ocid=pdpshare Character Map] from the Microsoft store.
-Then, download the UBIK-Standard.zip linked above and locate the UBIK-Standard.tff (inside the 'fonts' subfolder). Once this is installed on your local PC, you can use the Character Map program you just installed to get a good overview of the full icon set.
+Then, download the UBIK-Standard.zip linked above and locate the UBIK-Standard.tff (inside the 'fonts' subfolder). Once the .ttf is also installed on your local PC, you can use the Character Map program you just installed to get a good overview of the full icon set.
@@ Line 19: / Line 19: @@
 [[File:Textlabelsinweb.PNG]]
 ==Usage==

@@ Line 1: / Line 1: @@
 '''UBIK-Standard.ttf''' is a custom set of font icons developed primarily for use on the Mobile Client, due to concerns over the legality of using Microsoft's Segoe MDL2 Assets icon font file on non-Windows platforms (ie. Android and iOS). Apart from this legal concern, having a standardized font icon set will contribute to having a more consistent look across the various platforms and clients as UBIK-Standard.ttf becomes more widely adopted.
 {{Attention|UBIK-Standard is an <I>Icon Font</I>. For Mobile, the standard Text Font is [https://rsms.me/inter/ Inter], which is included in the resources and thus available to use immediately.}}
 {{Attention|UBIK-Standard is currently only supported for the Mobile client.}}
 ==Usage==
@@ Line 69: / Line 82: @@
 </syntaxhighlight>
-[[Category:Mobile|Icon Font]]
-[[Category:Pages with broken file links|Icon Font]]
 == Available Icons==

← Older revision		Revision as of 09:39, 12 March 2026
Line 10:		Line 10:

	===Mobile Client===		===Mobile Client===
−	The first full version of the icon set was completed in September 2019. The tables on this page show the icons, along with a description of their intended purpose (some have multiple), and the natural language In-App Name, and Hex code suffix, both of which can be used to call the icons using XAML.
−
	Using XAML, Glyphs can be called in two ways. One method is to use the Hex Code, and another is the In-App Name. Of these two methods, the recommended method is to use the In-App Name, as it uses a natural language attribute as opposed to a glyph code, making it more immediately apparent which icon is being requested by the code.		Using XAML, Glyphs can be called in two ways. One method is to use the Hex Code, and another is the In-App Name. Of these two methods, the recommended method is to use the In-App Name, as it uses a natural language attribute as opposed to a glyph code, making it more immediately apparent which icon is being requested by the code.

@@ Line 8: / Line 8: @@
 ==Usage==
 ===Mobile Client===
@@ Line 72: / Line 71: @@
 </syntaxhighlight>
 == Available Icons==

@@ Line 36: / Line 36: @@
 <br>
-[[Category:Mobile|Icon Font]]
-[[Category:Pages with broken file links|Icon Font]]
 ====Hex Code Usage====
@@ Line 43: / Line 43: @@
 <syntaxhighlight lang="xml">
 <ContentView
      xmlns:controls="clr-namespace:UBIK.CPL.Controls;assembly=UBIK.CPL" >
@@ Line 53: / Line 55: @@
 <syntaxhighlight lang="xml">
 <ContentView
      xmlns:resources="clr-namespace:UBIK.CPL.Resources;assembly=UBIK.CPL">

@@ Line 1: / Line 1: @@
-'''UBIK-Standard.ttf''' is a custom set of font icons developed primarily for use on the Xamarin Client, due to concerns over the legality of using Microsoft's Segoe MDL2 Assets icon font file on non-Windows platforms (ie. Android and iOS). Apart from this legal concern, having a standardized font icon set will contribute to having a more consistent look across the various platforms and clients as UBIK-Standard.ttf becomes more widely adopted.
+'''UBIK-Standard.ttf''' is a custom set of font icons developed primarily for use on the Mobile Client, due to concerns over the legality of using Microsoft's Segoe MDL2 Assets icon font file on non-Windows platforms (ie. Android and iOS). Apart from this legal concern, having a standardized font icon set will contribute to having a more consistent look across the various platforms and clients as UBIK-Standard.ttf becomes more widely adopted.
 {{Hint|The latest font set can be downloaded directly from here using the [[File:UBIK-Standard.zip]] file.}}
-{{Attention|UBIK-Standard is an <I>Icon Font</I>. For Xamarin, the standard Text Font is [https://rsms.me/inter/ Inter], which is included in the resources and thus available to use immediately.}}
+{{Attention|UBIK-Standard is an <I>Icon Font</I>. For Mobile, the standard Text Font is [https://rsms.me/inter/ Inter], which is included in the resources and thus available to use immediately.}}
-{{Attention|UBIK-Standard is currently only supported for the Xamarin client.}}
+{{Attention|UBIK-Standard is currently only supported for the Mobile client.}}
 ==Usage==
-UBIK-Standard.ttf is currently only supported for the Xamarin client.
+UBIK-Standard.ttf is currently only supported for the Mobile client.
-===Xamarin Client===
+===Mobile Client===
 The first full version of the icon set was completed in September 2019. The tables on this page show the icons, along with a description of their intended purpose (some have multiple), and the natural language In-App Name, and Hex code suffix, both of which can be used to call the icons using XAML.
@@ Line 79: / Line 79: @@
 == Known Issues ==
-===Xamarin Client===
+===Mobile Client===
-The development of the custom icon font on the Xamarin client was hampered significantly by unexpected icon substitutions, which appeared to be vendor/device-specific. To avoid this issue, the individual icons in the text file were mapped to the Hex codes used by the most basic alphabet and symbol characters.
+The development of the custom icon font on the Mobile client was hampered significantly by unexpected icon substitutions, which appeared to be vendor/device-specific. To avoid this issue, the individual icons in the text file were mapped to the Hex codes used by the most basic alphabet and symbol characters.
 A second issue was encountered where using unstable behavior was observed when using UBIK-Standard.ttf for icons when the user switched tabs, leaving UBIK running in the background. In these cases, circular icon containers became square when switching back to the app, and the icon glyphs were no longer visible. However, using the <i>GlyphButton</i> and <i>GlyphLabel</i> elements (as opposed to simply <i>Button</i> and <i>Label</i>) seems to prevent this issue.
@@ Line 108: / Line 108: @@
 * The download button exports the .ttf, among other resources, in a .ZIP, that is then downloaded.
 [[Category:Mobile|Icon Font]]

@@ Line 65: / Line 65: @@
 == Available Icons==
 There are two options available to a customizer wishing to browse available icons.
 '''The best way''' is to download and unzip  the [[File:UBIK-Standard.zip]] file. Once unzipped, open the "demo" webpage file to view all icons, as well as the [[Icon_Font#In-App_Name_Usage|human readable labels]] you can use to render them in your UI. Because the demo webpage does not provide a good overview of all the icons, it is possible to combine this approach with the second one described below using that to browse the icons, and then this method to retrieve the human readable labels for the icons you wish to use.
@@ Line 75: / Line 76: @@
 <br>
+[[Category:Pages with broken file links|Icon Font]]
 == Known Issues ==