├── .gitignore
├── Components
    ├── ActionButton.ux
    ├── AppBar.ux
    ├── Card.ux
    ├── Drawer.ux
    ├── DrawerPanel.ux
    ├── Menu.ux
    ├── RippleResponseCircle.ux
    ├── RippleResponseRectangle.ux
    └── Text.ux
├── Fuse.MaterialDesign.unoproj
├── Icons
    ├── IconBase.uno
    ├── IconNames.uno
    ├── MaterialIcon.ux
    └── materialdesignicons-webfont.ttf
├── MainView.ux
├── README.md
└── Style
    ├── AnimationConfig.ux
    ├── CircleFill.uno
    ├── ColorPalette.ux
    ├── ColorScheme.ux
    ├── ColorThemes.ux
    ├── FormFactors.ux
    └── Shadows.ux


/.gitignore:
--------------------------------------------------------------------------------
1 | build
2 | .uno


--------------------------------------------------------------------------------
/Components/ActionButton.ux:
--------------------------------------------------------------------------------
 1 | <Container ux:Class="Material.ActionButton" Subtree="inner" Width="56" Height="56" Margin="16" Icon="Plus">
 2 | 	<Material.IconName ux:Property="Icon" />
 3 | 	<Material.ActionButton ux:Class="Material.MiniActionButton" Width="40" Height="40" />
 4 | 	
 5 | 	<Material.WhileTablet ux:Binding="Children">
 6 | 		<Change this.Margin="24" />
 7 | 	</Material.WhileTablet>
 8 | 
 9 | 	<Circle ux:Binding="Children" Color="{Resource Material.AccentColor}">
10 | 		<Material.RippleResponseCircle RippleColor="#fff2" RippleFromPointer="false" >
11 | 			<Panel ux:Name="inner" Alignment="Center">
12 | 				<Material.MaterialIcon Icon="{Property Icon}" Color="{Resource Material.AccentIconColor}" />
13 | 			</Panel>
14 | 		</Material.RippleResponseCircle>
15 | 		<Shadow />
16 | 	</Circle>
17 | </Container>


--------------------------------------------------------------------------------
/Components/AppBar.ux:
--------------------------------------------------------------------------------
 1 | <Container ux:Class="Material.AppBar" Subtree="toolstrip" Dock="Top">
 2 | 	
 3 | 	<!-- https://material.google.com/layout/structure.html#structure-app-bar -->
 4 | 
 5 | 	<Material.RippleResponseCircle ux:Class="Material.AppBarIcon" RippleColor="#fff2" RippleFromPointer="false" >
 6 | 		<Material.IconName ux:Property="Icon" />
 7 | 		<Material.MaterialIcon Icon="{Property Icon}" Color="{Resource Material.AppBarIconColor}" Alignment="VerticalCenter" Margin="16,0,16,0" />
 8 | 	</Material.RippleResponseCircle>
 9 | 
10 | 	<DockPanel ux:Binding="Children" Color="{Resource Material.PrimaryColor}">
11 | 		<StatusBarBackground Dock="Top">
12 | 			<Android.StatusBarConfig Color="#0003" />
13 | 		</StatusBarBackground>
14 | 		<Panel ux:Name="toolbar" Height="56">
15 | 			<WhileWindowLandscape>
16 | 				<Change toolbar.Height="48" Duration="0.2" />
17 | 			</WhileWindowLandscape>
18 | 			<DockPanel ux:Name="toolstrip"  >
19 | 				
20 | 			</DockPanel>
21 | 		</Panel>
22 | 	</DockPanel>
23 | 
24 | 	<Material.BottomEdgeShadow ux:Binding="Children" />
25 | 	
26 | </Container>


--------------------------------------------------------------------------------
/Components/Card.ux:
--------------------------------------------------------------------------------
1 | <Rectangle CornerRadius="2" ux:Class="Material.Card" Color="{Resource Material.CardColor}">
2 | 	<Shadow Color="#0002" Distance="0" />
3 | 	<Shadow Color="#0002" Distance="2" />
4 | </Rectangle>
5 | 


--------------------------------------------------------------------------------
/Components/Drawer.ux:
--------------------------------------------------------------------------------
 1 | <Container ux:Class="Material.Drawer" Subtree="subtree" MaxWidth="280" Width="100%">
 2 | 
 3 | 	<Panel ux:Binding="Children" ux:Name="subtree" Color="{Resource Material.BackgroundColor}">
 4 | 		
 5 | 	</Panel>
 6 | 
 7 | 	<Material.RightEdgeShadow ux:Binding="Children" ux:Name="shadow" Opacity="0">
 8 | 		<Material.WhileTablet>
 9 | 			<Change this.MaxWidth="320" />
10 | 		</Material.WhileTablet>
11 | 		<ActivatingAnimation>
12 | 			<Change shadow.Opacity="1" Duration="1" Easing="ExponentialOut" />
13 | 		</ActivatingAnimation>
14 | 	</Material.RightEdgeShadow>
15 | 
16 | </Container>


--------------------------------------------------------------------------------
/Components/DrawerPanel.ux:
--------------------------------------------------------------------------------
 1 | <Container ux:Class="Material.DrawerPanel" Subtree="subtree">
 2 | 	<JavaScript>
 3 | 		module.exports = {
 4 | 			openDrawerPanel: function() {
 5 | 				edgeNav.open("Left");
 6 | 			}
 7 | 		}
 8 | 	</JavaScript>
 9 | 	<Material.Drawer ux:Dependency="Drawer" />
10 | 	<AlternateRoot ParentNode="Drawer">
11 | 		<ActivatingAnimation>
12 | 			<Change overlay.Opacity="0.7" />
13 | 			<Change overlay.HitTestMode="LocalBounds" />
14 | 		</ActivatingAnimation>
15 | 	</AlternateRoot>
16 | 
17 | 	<EdgeNavigator ux:Name="edgeNav" ux:Binding="Children">
18 | 		<Material.Drawer ux:Ref="Drawer" ux:Binding="Children" Edge="Left" />
19 | 		<Panel Color="{Resource Material.BackgroundColor}">
20 | 			<Panel ux:Name="overlay" Color="Black" Opacity="0" HitTestMode="None" />
21 | 			<Panel ux:Name="subtree">
22 | 			</Panel>
23 | 		</Panel>
24 | 	</EdgeNavigator>
25 | </Container>
26 | 


--------------------------------------------------------------------------------
/Components/Menu.ux:
--------------------------------------------------------------------------------
 1 | <Material.Card ux:Class="Material.Menu" Margin="16" Padding="0,8,0,8" Alignment="TopRight">
 2 | 	<StackLayout />
 3 | 	<!-- https://material.google.com/components/menus.html -->
 4 | 
 5 | 	<Material.Text ux:Class="Material.MenuItemText" FontSize="16" />
 6 | 
 7 | 	<Container ux:Class="Material.MenuItem" Subtree="content" Height="48" >
 8 | 		<string ux:Property="Text" />
 9 | 		<Material.RippleResponseRectangle ux:Name="content" ux:Binding="Children">
10 | 			<Material.MenuItemText Value="{Property Text}" Margin="16" />
11 | 		</Material.RippleResponseRectangle>
12 | 	</Container>
13 | 
14 | 	<Container ux:Class="Material.IconMenuItem" Subtree="content" Height="48" >
15 | 		<string ux:Property="Text" />
16 | 		<Material.IconName ux:Property="Icon" />
17 | 		<Material.RippleResponseRectangle ux:Binding="Children">
18 | 			<Grid Columns="40,1*" ux:Name="content"  Margin="16">
19 | 				<Material.MaterialIcon Icon="{Property Icon}" Margin="0,-4,0,0" Color="{Resource Material.PrimaryIconColor}" />
20 | 				<Material.MenuItemText Value="{Property Text}" />
21 | 			</Grid>
22 | 		</Material.RippleResponseRectangle>
23 | 	</Container>
24 | 
25 | 	<AddingAnimation>
26 | 		<!--<Change this.Opacity="0" Duration="0.3" />-->
27 | 		<Change this.Width="10" />
28 | 		<Nothing Duration="1" />
29 | 	</AddingAnimation>
30 | 
31 | </Material.Card>


--------------------------------------------------------------------------------
/Components/RippleResponseCircle.ux:
--------------------------------------------------------------------------------
 1 | <Container ux:Class="Material.RippleResponseCircle" Subtree="rect" RippleColor="#00000017" RippleFromPointer="true">
 2 | 	<float4 ux:Property="RippleColor" />
 3 | 	<bool ux:Property="RippleFromPointer" />
 4 | 	
 5 | 	<Circle ux:Name="rect" ux:Binding="Children" Pressed="{onPressed}" Released="{onReleased}" Fill="0,0,0,0" HitTestMode="LocalVisual" Placed="{onPlaced}">
 6 | 		<WhilePressed ux:Name="wp">
 7 | 			<Instance>
 8 | 				<Circle ux:Name="c1">
 9 | 					<Material.CircleFill ux:Name="fill" Color="{ReadProperty RippleColor}" 
10 | 						CircleCenter="{ReadProperty RippleFromPointer} ? {SnapshotProperty wp.PressedPosition} : (width(c1)/2,height(c1)/2)" Radius="0"/>
11 | 
12 | 					<AddingAnimation>
13 | 						<TimelineAction How="PlayTo" Target="timeline" When="Backward" Progress="1"/>
14 | 					</AddingAnimation>
15 | 					<RemovingAnimation>
16 | 						<Change fill.Radius="300" Duration="0.45" Easing="Material.StandardCurve" MixOp="Add" />
17 | 						<Change Target="fill.Color" Value="#0000" Easing="BackIn" Duration="0.435" />
18 | 					</RemovingAnimation>
19 | 
20 | 					<Timeline ux:Name="timeline">
21 | 						<Change fill.Radius="3000" Duration="7" Easing="Material.StandardCurve" MixOp="Add" />
22 | 					</Timeline>
23 | 				</Circle>
24 | 			</Instance>
25 | 		</WhilePressed>
26 | 	</Circle>
27 | </Container>


--------------------------------------------------------------------------------
/Components/RippleResponseRectangle.ux:
--------------------------------------------------------------------------------
 1 | <Container ux:Class="Material.RippleResponseRectangle" Subtree="rect" RippleColor="#00000017" RippleFromPointer="true">
 2 | 	<float4 ux:Property="CornerRadius" />
 3 | 	<float4 ux:Property="RippleColor" />
 4 | 	<bool ux:Property="RippleFromPointer" />
 5 | 	<Rectangle ux:Name="rect" ux:Binding="Children" CornerRadius="{ReadProperty CornerRadius}" Fill="0,0,0,0" HitTestMode="LocalVisual">
 6 | 		<WhilePressed ux:Name="wp">
 7 | 			<Instance>
 8 | 				<Rectangle ux:Name="c1" CornerRadius="{ReadProperty CornerRadius}">
 9 | 					<Material.CircleFill ux:Name="fill" Color="{ReadProperty RippleColor}" 
10 | 						CircleCenter="{ReadProperty RippleFromPointer} ? {SnapshotProperty wp.PressedPosition} : (width(c1)/2,height(c1)/2)" Radius="0"/>
11 | 					
12 | 					<AddingAnimation>
13 | 						<TimelineAction How="PlayTo" Target="timeline" When="Backward" Progress="1"/>
14 | 					</AddingAnimation>
15 | 					<RemovingAnimation>
16 | 						<Change fill.Radius="300" Duration="0.45" Easing="Material.StandardCurve" MixOp="Add" />
17 | 						<Change Target="fill.Color" Value="#0000" Easing="BackIn" Duration="0.435" />
18 | 					</RemovingAnimation>
19 | 
20 | 					<Timeline ux:Name="timeline">
21 | 						<Change fill.Radius="3000" Duration="7" Easing="Material.StandardCurve" MixOp="Add" />
22 | 					</Timeline>
23 | 				</Rectangle>
24 | 			</Instance>
25 | 		</WhilePressed>
26 | 	</Rectangle>
27 | </Container>


--------------------------------------------------------------------------------
/Components/Text.ux:
--------------------------------------------------------------------------------
1 | <Text ux:Class="Material.Text" Color="{Resource Material.PrimaryTextColor}">
2 | </Text>


--------------------------------------------------------------------------------
/Fuse.MaterialDesign.unoproj:
--------------------------------------------------------------------------------
 1 | {
 2 |   "RootNamespace":"",
 3 |   "Packages": [
 4 |   	"Fuse",
 5 |   	"FuseJS"
 6 |   ],
 7 |   "Includes": [
 8 |     "*"
 9 |   ]
10 | }
11 | 


--------------------------------------------------------------------------------
/Icons/IconBase.uno:
--------------------------------------------------------------------------------
 1 | using Uno.IO;
 2 | using Uno.UX;
 3 | using Fuse;
 4 | using Fuse.Elements;
 5 | using Fuse.Controls;
 6 | 
 7 | namespace Material
 8 | {
 9 | 	public class IconBase: LayoutControl
10 | 	{
11 | 		static Font _iconFont = new Font(new BundleFileSource(import BundleFile("materialdesignicons-webfont.ttf")));
12 | 	
13 | 		readonly Fuse.Controls.Text _text;
14 | 
15 | 		public IconBase() 
16 | 		{
17 | 			_text = new Fuse.Controls.Text();
18 | 			_text.Font = _iconFont;
19 | 			Children.Add(_text);
20 | 
21 | 			Icon = IconName.Menu;
22 | 			_text.FontSize = 20;
23 | 		}
24 | 
25 | 		IconName _icon;
26 | 		public IconName Icon 
27 | 		{
28 | 			get { return _icon; }
29 | 			set 
30 | 			{
31 | 				if (_icon != value)
32 | 				{
33 | 					_icon = value;
34 | 					_text.Value = new string(new char[] { (char)(int)_icon });
35 | 				}
36 | 			}
37 | 		}
38 | 
39 | 		public float4 Color
40 | 		{
41 | 			get 
42 | 			{
43 | 				return _text.Color;
44 | 			}
45 | 			set
46 | 			{
47 | 				_text.Color = value;
48 | 			}
49 | 		}
50 | 
51 | 		public float Size 
52 | 		{
53 | 			get 
54 | 			{ 
55 | 				return _text.FontSize; 
56 | 			}
57 | 			set 
58 | 			{
59 | 				_text.FontSize = value;
60 | 			}
61 | 		}
62 | 	}
63 | }


--------------------------------------------------------------------------------
/Icons/IconNames.uno:
--------------------------------------------------------------------------------
   1 | 
   2 | namespace Material
   3 | {
   4 | 	public enum IconName
   5 | 	{
   6 | 		AccessPoint = 0xF002,
   7 | 		AccessPointNetwork = 0xF003,
   8 | 		Account = 0xF004,
   9 | 		AccountAlert = 0xF005,
  10 | 		AccountBox = 0xF006,
  11 | 		AccountBoxOutline = 0xF007,
  12 | 		AccountCardDetails = 0xF5D2,
  13 | 		AccountCheck = 0xF008,
  14 | 		AccountCircle = 0xF009,
  15 | 		AccountConvert = 0xF00A,
  16 | 		AccountKey = 0xF00B,
  17 | 		AccountLocation = 0xF00C,
  18 | 		AccountMinus = 0xF00D,
  19 | 		AccountMultiple = 0xF00E,
  20 | 		AccountMultipleMinus = 0xF5D3,
  21 | 		AccountMultipleOutline = 0xF00F,
  22 | 		AccountMultiplePlus = 0xF010,
  23 | 		AccountNetwork = 0xF011,
  24 | 		AccountOff = 0xF012,
  25 | 		AccountOutline = 0xF013,
  26 | 		AccountPlus = 0xF014,
  27 | 		AccountRemove = 0xF015,
  28 | 		AccountSearch = 0xF016,
  29 | 		AccountSettings = 0xF630,
  30 | 		AccountSettingsVariant = 0xF631,
  31 | 		AccountStar = 0xF017,
  32 | 		AccountStarVariant = 0xF018,
  33 | 		AccountSwitch = 0xF019,
  34 | 		Adjust = 0xF01A,
  35 | 		AirConditioner = 0xF01B,
  36 | 		Airballoon = 0xF01C,
  37 | 		Airplane = 0xF01D,
  38 | 		AirplaneLanding = 0xF5D4,
  39 | 		AirplaneOff = 0xF01E,
  40 | 		AirplaneTakeoff = 0xF5D5,
  41 | 		Airplay = 0xF01F,
  42 | 		Alarm = 0xF020,
  43 | 		AlarmCheck = 0xF021,
  44 | 		AlarmMultiple = 0xF022,
  45 | 		AlarmOff = 0xF023,
  46 | 		AlarmPlus = 0xF024,
  47 | 		AlarmSnooze = 0xF68D,
  48 | 		Album = 0xF025,
  49 | 		Alert = 0xF026,
  50 | 		AlertBox = 0xF027,
  51 | 		AlertCircle = 0xF028,
  52 | 		AlertCircleOutline = 0xF5D6,
  53 | 		AlertOctagon = 0xF029,
  54 | 		AlertOutline = 0xF02A,
  55 | 		Alpha = 0xF02B,
  56 | 		Alphabetical = 0xF02C,
  57 | 		Altimeter = 0xF5D7,
  58 | 		Amazon = 0xF02D,
  59 | 		AmazonClouddrive = 0xF02E,
  60 | 		Ambulance = 0xF02F,
  61 | 		Amplifier = 0xF030,
  62 | 		Anchor = 0xF031,
  63 | 		Android = 0xF032,
  64 | 		AndroidDebugBridge = 0xF033,
  65 | 		AndroidStudio = 0xF034,
  66 | 		Angular = 0xF6B1,
  67 | 		Animation = 0xF5D8,
  68 | 		Apple = 0xF035,
  69 | 		AppleFinder = 0xF036,
  70 | 		AppleIos = 0xF037,
  71 | 		AppleKeyboardCaps = 0xF632,
  72 | 		AppleKeyboardCommand = 0xF633,
  73 | 		AppleKeyboardControl = 0xF634,
  74 | 		AppleKeyboardOption = 0xF635,
  75 | 		AppleKeyboardShift = 0xF636,
  76 | 		AppleMobileme = 0xF038,
  77 | 		AppleSafari = 0xF039,
  78 | 		Application = 0xF614,
  79 | 		Appnet = 0xF03A,
  80 | 		Apps = 0xF03B,
  81 | 		Archive = 0xF03C,
  82 | 		ArrangeBringForward = 0xF03D,
  83 | 		ArrangeBringToFront = 0xF03E,
  84 | 		ArrangeSendBackward = 0xF03F,
  85 | 		ArrangeSendToBack = 0xF040,
  86 | 		ArrowAll = 0xF041,
  87 | 		ArrowBottomLeft = 0xF042,
  88 | 		ArrowBottomRight = 0xF043,
  89 | 		ArrowCompress = 0xF615,
  90 | 		ArrowCompressAll = 0xF044,
  91 | 		ArrowDown = 0xF045,
  92 | 		ArrowDownBold = 0xF046,
  93 | 		ArrowDownBoldCircle = 0xF047,
  94 | 		ArrowDownBoldCircleOutline = 0xF048,
  95 | 		ArrowDownBoldHexagonOutline = 0xF049,
  96 | 		ArrowDownDropCircle = 0xF04A,
  97 | 		ArrowDownDropCircleOutline = 0xF04B,
  98 | 		ArrowExpand = 0xF616,
  99 | 		ArrowExpandAll = 0xF04C,
 100 | 		ArrowLeft = 0xF04D,
 101 | 		ArrowLeftBold = 0xF04E,
 102 | 		ArrowLeftBoldCircle = 0xF04F,
 103 | 		ArrowLeftBoldCircleOutline = 0xF050,
 104 | 		ArrowLeftBoldHexagonOutline = 0xF051,
 105 | 		ArrowLeftDropCircle = 0xF052,
 106 | 		ArrowLeftDropCircleOutline = 0xF053,
 107 | 		ArrowRight = 0xF054,
 108 | 		ArrowRightBold = 0xF055,
 109 | 		ArrowRightBoldCircle = 0xF056,
 110 | 		ArrowRightBoldCircleOutline = 0xF057,
 111 | 		ArrowRightBoldHexagonOutline = 0xF058,
 112 | 		ArrowRightDropCircle = 0xF059,
 113 | 		ArrowRightDropCircleOutline = 0xF05A,
 114 | 		ArrowTopLeft = 0xF05B,
 115 | 		ArrowTopRight = 0xF05C,
 116 | 		ArrowUp = 0xF05D,
 117 | 		ArrowUpBold = 0xF05E,
 118 | 		ArrowUpBoldCircle = 0xF05F,
 119 | 		ArrowUpBoldCircleOutline = 0xF060,
 120 | 		ArrowUpBoldHexagonOutline = 0xF061,
 121 | 		ArrowUpDropCircle = 0xF062,
 122 | 		ArrowUpDropCircleOutline = 0xF063,
 123 | 		Assistant = 0xF064,
 124 | 		At = 0xF065,
 125 | 		Attachment = 0xF066,
 126 | 		Audiobook = 0xF067,
 127 | 		AutoFix = 0xF068,
 128 | 		AutoUpload = 0xF069,
 129 | 		Autorenew = 0xF06A,
 130 | 		AvTimer = 0xF06B,
 131 | 		Baby = 0xF06C,
 132 | 		BabyBuggy = 0xF68E,
 133 | 		Backburger = 0xF06D,
 134 | 		Backspace = 0xF06E,
 135 | 		BackupRestore = 0xF06F,
 136 | 		Bandcamp = 0xF674,
 137 | 		Bank = 0xF070,
 138 | 		Barcode = 0xF071,
 139 | 		BarcodeScan = 0xF072,
 140 | 		Barley = 0xF073,
 141 | 		Barrel = 0xF074,
 142 | 		Basecamp = 0xF075,
 143 | 		Basket = 0xF076,
 144 | 		BasketFill = 0xF077,
 145 | 		BasketUnfill = 0xF078,
 146 | 		Battery = 0xF079,
 147 | 		Battery10 = 0xF07A,
 148 | 		Battery20 = 0xF07B,
 149 | 		Battery30 = 0xF07C,
 150 | 		Battery40 = 0xF07D,
 151 | 		Battery50 = 0xF07E,
 152 | 		Battery60 = 0xF07F,
 153 | 		Battery70 = 0xF080,
 154 | 		Battery80 = 0xF081,
 155 | 		Battery90 = 0xF082,
 156 | 		BatteryAlert = 0xF083,
 157 | 		BatteryCharging = 0xF084,
 158 | 		BatteryCharging100 = 0xF085,
 159 | 		BatteryCharging20 = 0xF086,
 160 | 		BatteryCharging30 = 0xF087,
 161 | 		BatteryCharging40 = 0xF088,
 162 | 		BatteryCharging60 = 0xF089,
 163 | 		BatteryCharging80 = 0xF08A,
 164 | 		BatteryCharging90 = 0xF08B,
 165 | 		BatteryMinus = 0xF08C,
 166 | 		BatteryNegative = 0xF08D,
 167 | 		BatteryOutline = 0xF08E,
 168 | 		BatteryPlus = 0xF08F,
 169 | 		BatteryPositive = 0xF090,
 170 | 		BatteryUnknown = 0xF091,
 171 | 		Beach = 0xF092,
 172 | 		Beaker = 0xF68F,
 173 | 		Beats = 0xF097,
 174 | 		Beer = 0xF098,
 175 | 		Behance = 0xF099,
 176 | 		Bell = 0xF09A,
 177 | 		BellOff = 0xF09B,
 178 | 		BellOutline = 0xF09C,
 179 | 		BellPlus = 0xF09D,
 180 | 		BellRing = 0xF09E,
 181 | 		BellRingOutline = 0xF09F,
 182 | 		BellSleep = 0xF0A0,
 183 | 		Beta = 0xF0A1,
 184 | 		Bible = 0xF0A2,
 185 | 		Bike = 0xF0A3,
 186 | 		Bing = 0xF0A4,
 187 | 		Binoculars = 0xF0A5,
 188 | 		Bio = 0xF0A6,
 189 | 		Biohazard = 0xF0A7,
 190 | 		Bitbucket = 0xF0A8,
 191 | 		BlackMesa = 0xF0A9,
 192 | 		Blackberry = 0xF0AA,
 193 | 		Blender = 0xF0AB,
 194 | 		Blinds = 0xF0AC,
 195 | 		BlockHelper = 0xF0AD,
 196 | 		Blogger = 0xF0AE,
 197 | 		Bluetooth = 0xF0AF,
 198 | 		BluetoothAudio = 0xF0B0,
 199 | 		BluetoothConnect = 0xF0B1,
 200 | 		BluetoothOff = 0xF0B2,
 201 | 		BluetoothSettings = 0xF0B3,
 202 | 		BluetoothTransfer = 0xF0B4,
 203 | 		Blur = 0xF0B5,
 204 | 		BlurLinear = 0xF0B6,
 205 | 		BlurOff = 0xF0B7,
 206 | 		BlurRadial = 0xF0B8,
 207 | 		Bomb = 0xF690,
 208 | 		Bone = 0xF0B9,
 209 | 		Book = 0xF0BA,
 210 | 		BookMinus = 0xF5D9,
 211 | 		BookMultiple = 0xF0BB,
 212 | 		BookMultipleVariant = 0xF0BC,
 213 | 		BookOpen = 0xF0BD,
 214 | 		BookOpenPageVariant = 0xF5DA,
 215 | 		BookOpenVariant = 0xF0BE,
 216 | 		BookPlus = 0xF5DB,
 217 | 		BookVariant = 0xF0BF,
 218 | 		Bookmark = 0xF0C0,
 219 | 		BookmarkCheck = 0xF0C1,
 220 | 		BookmarkMusic = 0xF0C2,
 221 | 		BookmarkOutline = 0xF0C3,
 222 | 		BookmarkPlus = 0xF0C5,
 223 | 		BookmarkPlusOutline = 0xF0C4,
 224 | 		BookmarkRemove = 0xF0C6,
 225 | 		Boombox = 0xF5DC,
 226 | 		BorderAll = 0xF0C7,
 227 | 		BorderBottom = 0xF0C8,
 228 | 		BorderColor = 0xF0C9,
 229 | 		BorderHorizontal = 0xF0CA,
 230 | 		BorderInside = 0xF0CB,
 231 | 		BorderLeft = 0xF0CC,
 232 | 		BorderNone = 0xF0CD,
 233 | 		BorderOutside = 0xF0CE,
 234 | 		BorderRight = 0xF0CF,
 235 | 		BorderStyle = 0xF0D0,
 236 | 		BorderTop = 0xF0D1,
 237 | 		BorderVertical = 0xF0D2,
 238 | 		BowTie = 0xF677,
 239 | 		Bowl = 0xF617,
 240 | 		Bowling = 0xF0D3,
 241 | 		Box = 0xF0D4,
 242 | 		BoxCutter = 0xF0D5,
 243 | 		BoxShadow = 0xF637,
 244 | 		Bridge = 0xF618,
 245 | 		Briefcase = 0xF0D6,
 246 | 		BriefcaseCheck = 0xF0D7,
 247 | 		BriefcaseDownload = 0xF0D8,
 248 | 		BriefcaseUpload = 0xF0D9,
 249 | 		Brightness1 = 0xF0DA,
 250 | 		Brightness2 = 0xF0DB,
 251 | 		Brightness3 = 0xF0DC,
 252 | 		Brightness4 = 0xF0DD,
 253 | 		Brightness5 = 0xF0DE,
 254 | 		Brightness6 = 0xF0DF,
 255 | 		Brightness7 = 0xF0E0,
 256 | 		BrightnessAuto = 0xF0E1,
 257 | 		Broom = 0xF0E2,
 258 | 		Brush = 0xF0E3,
 259 | 		Buffer = 0xF619,
 260 | 		Bug = 0xF0E4,
 261 | 		BulletinBoard = 0xF0E5,
 262 | 		Bullhorn = 0xF0E6,
 263 | 		Bullseye = 0xF5DD,
 264 | 		BurstMode = 0xF5DE,
 265 | 		Bus = 0xF0E7,
 266 | 		Cached = 0xF0E8,
 267 | 		Cake = 0xF0E9,
 268 | 		CakeLayered = 0xF0EA,
 269 | 		CakeVariant = 0xF0EB,
 270 | 		Calculator = 0xF0EC,
 271 | 		Calendar = 0xF0ED,
 272 | 		CalendarBlank = 0xF0EE,
 273 | 		CalendarCheck = 0xF0EF,
 274 | 		CalendarClock = 0xF0F0,
 275 | 		CalendarMultiple = 0xF0F1,
 276 | 		CalendarMultipleCheck = 0xF0F2,
 277 | 		CalendarPlus = 0xF0F3,
 278 | 		CalendarQuestion = 0xF691,
 279 | 		CalendarRange = 0xF678,
 280 | 		CalendarRemove = 0xF0F4,
 281 | 		CalendarText = 0xF0F5,
 282 | 		CalendarToday = 0xF0F6,
 283 | 		CallMade = 0xF0F7,
 284 | 		CallMerge = 0xF0F8,
 285 | 		CallMissed = 0xF0F9,
 286 | 		CallReceived = 0xF0FA,
 287 | 		CallSplit = 0xF0FB,
 288 | 		Camcorder = 0xF0FC,
 289 | 		CamcorderBox = 0xF0FD,
 290 | 		CamcorderBoxOff = 0xF0FE,
 291 | 		CamcorderOff = 0xF0FF,
 292 | 		Camera = 0xF100,
 293 | 		CameraBurst = 0xF692,
 294 | 		CameraEnhance = 0xF101,
 295 | 		CameraFront = 0xF102,
 296 | 		CameraFrontVariant = 0xF103,
 297 | 		CameraIris = 0xF104,
 298 | 		CameraOff = 0xF5DF,
 299 | 		CameraPartyMode = 0xF105,
 300 | 		CameraRear = 0xF106,
 301 | 		CameraRearVariant = 0xF107,
 302 | 		CameraSwitch = 0xF108,
 303 | 		CameraTimer = 0xF109,
 304 | 		Candle = 0xF5E2,
 305 | 		Candycane = 0xF10A,
 306 | 		Car = 0xF10B,
 307 | 		CarBattery = 0xF10C,
 308 | 		CarConnected = 0xF10D,
 309 | 		CarWash = 0xF10E,
 310 | 		Cards = 0xF638,
 311 | 		CardsOutline = 0xF639,
 312 | 		CardsPlayingOutline = 0xF63A,
 313 | 		Carrot = 0xF10F,
 314 | 		Cart = 0xF110,
 315 | 		CartOff = 0xF66B,
 316 | 		CartOutline = 0xF111,
 317 | 		CartPlus = 0xF112,
 318 | 		CaseSensitiveAlt = 0xF113,
 319 | 		Cash = 0xF114,
 320 | 		Cash100 = 0xF115,
 321 | 		CashMultiple = 0xF116,
 322 | 		CashUsd = 0xF117,
 323 | 		Cast = 0xF118,
 324 | 		CastConnected = 0xF119,
 325 | 		Castle = 0xF11A,
 326 | 		Cat = 0xF11B,
 327 | 		Cellphone = 0xF11C,
 328 | 		CellphoneAndroid = 0xF11D,
 329 | 		CellphoneBasic = 0xF11E,
 330 | 		CellphoneDock = 0xF11F,
 331 | 		CellphoneIphone = 0xF120,
 332 | 		CellphoneLink = 0xF121,
 333 | 		CellphoneLinkOff = 0xF122,
 334 | 		CellphoneSettings = 0xF123,
 335 | 		Certificate = 0xF124,
 336 | 		ChairSchool = 0xF125,
 337 | 		ChartArc = 0xF126,
 338 | 		ChartAreaspline = 0xF127,
 339 | 		ChartBar = 0xF128,
 340 | 		ChartBubble = 0xF5E3,
 341 | 		ChartGantt = 0xF66C,
 342 | 		ChartHistogram = 0xF129,
 343 | 		ChartLine = 0xF12A,
 344 | 		ChartPie = 0xF12B,
 345 | 		ChartScatterplotHexbin = 0xF66D,
 346 | 		ChartTimeline = 0xF66E,
 347 | 		Check = 0xF12C,
 348 | 		CheckAll = 0xF12D,
 349 | 		CheckCircle = 0xF5E0,
 350 | 		CheckCircleOutline = 0xF5E1,
 351 | 		CheckboxBlank = 0xF12E,
 352 | 		CheckboxBlankCircle = 0xF12F,
 353 | 		CheckboxBlankCircleOutline = 0xF130,
 354 | 		CheckboxBlankOutline = 0xF131,
 355 | 		CheckboxMarked = 0xF132,
 356 | 		CheckboxMarkedCircle = 0xF133,
 357 | 		CheckboxMarkedCircleOutline = 0xF134,
 358 | 		CheckboxMarkedOutline = 0xF135,
 359 | 		CheckboxMultipleBlank = 0xF136,
 360 | 		CheckboxMultipleBlankCircle = 0xF63B,
 361 | 		CheckboxMultipleBlankCircleOutline = 0xF63C,
 362 | 		CheckboxMultipleBlankOutline = 0xF137,
 363 | 		CheckboxMultipleMarked = 0xF138,
 364 | 		CheckboxMultipleMarkedCircle = 0xF63D,
 365 | 		CheckboxMultipleMarkedCircleOutline = 0xF63E,
 366 | 		CheckboxMultipleMarkedOutline = 0xF139,
 367 | 		Checkerboard = 0xF13A,
 368 | 		ChemicalWeapon = 0xF13B,
 369 | 		ChevronDoubleDown = 0xF13C,
 370 | 		ChevronDoubleLeft = 0xF13D,
 371 | 		ChevronDoubleRight = 0xF13E,
 372 | 		ChevronDoubleUp = 0xF13F,
 373 | 		ChevronDown = 0xF140,
 374 | 		ChevronLeft = 0xF141,
 375 | 		ChevronRight = 0xF142,
 376 | 		ChevronUp = 0xF143,
 377 | 		Chip = 0xF61A,
 378 | 		Church = 0xF144,
 379 | 		CiscoWebex = 0xF145,
 380 | 		City = 0xF146,
 381 | 		Clipboard = 0xF147,
 382 | 		ClipboardAccount = 0xF148,
 383 | 		ClipboardAlert = 0xF149,
 384 | 		ClipboardArrowDown = 0xF14A,
 385 | 		ClipboardArrowLeft = 0xF14B,
 386 | 		ClipboardCheck = 0xF14C,
 387 | 		ClipboardOutline = 0xF14D,
 388 | 		ClipboardText = 0xF14E,
 389 | 		Clippy = 0xF14F,
 390 | 		Clock = 0xF150,
 391 | 		ClockAlert = 0xF5CE,
 392 | 		ClockEnd = 0xF151,
 393 | 		ClockFast = 0xF152,
 394 | 		ClockIn = 0xF153,
 395 | 		ClockOut = 0xF154,
 396 | 		ClockStart = 0xF155,
 397 | 		Close = 0xF156,
 398 | 		CloseBox = 0xF157,
 399 | 		CloseBoxOutline = 0xF158,
 400 | 		CloseCircle = 0xF159,
 401 | 		CloseCircleOutline = 0xF15A,
 402 | 		CloseNetwork = 0xF15B,
 403 | 		CloseOctagon = 0xF15C,
 404 | 		CloseOctagonOutline = 0xF15D,
 405 | 		ClosedCaption = 0xF15E,
 406 | 		Cloud = 0xF15F,
 407 | 		CloudCheck = 0xF160,
 408 | 		CloudCircle = 0xF161,
 409 | 		CloudDownload = 0xF162,
 410 | 		CloudOutline = 0xF163,
 411 | 		CloudOutlineOff = 0xF164,
 412 | 		CloudPrint = 0xF165,
 413 | 		CloudPrintOutline = 0xF166,
 414 | 		CloudSync = 0xF63F,
 415 | 		CloudUpload = 0xF167,
 416 | 		CodeArray = 0xF168,
 417 | 		CodeBraces = 0xF169,
 418 | 		CodeBrackets = 0xF16A,
 419 | 		CodeEqual = 0xF16B,
 420 | 		CodeGreaterThan = 0xF16C,
 421 | 		CodeGreaterThanOrEqual = 0xF16D,
 422 | 		CodeLessThan = 0xF16E,
 423 | 		CodeLessThanOrEqual = 0xF16F,
 424 | 		CodeNotEqual = 0xF170,
 425 | 		CodeNotEqualVariant = 0xF171,
 426 | 		CodeParentheses = 0xF172,
 427 | 		CodeString = 0xF173,
 428 | 		CodeTags = 0xF174,
 429 | 		CodeTagsCheck = 0xF693,
 430 | 		Codepen = 0xF175,
 431 | 		Coffee = 0xF176,
 432 | 		CoffeeToGo = 0xF177,
 433 | 		Coin = 0xF178,
 434 | 		Coins = 0xF694,
 435 | 		Collage = 0xF640,
 436 | 		ColorHelper = 0xF179,
 437 | 		Comment = 0xF17A,
 438 | 		CommentAccount = 0xF17B,
 439 | 		CommentAccountOutline = 0xF17C,
 440 | 		CommentAlert = 0xF17D,
 441 | 		CommentAlertOutline = 0xF17E,
 442 | 		CommentCheck = 0xF17F,
 443 | 		CommentCheckOutline = 0xF180,
 444 | 		CommentMultipleOutline = 0xF181,
 445 | 		CommentOutline = 0xF182,
 446 | 		CommentPlusOutline = 0xF183,
 447 | 		CommentProcessing = 0xF184,
 448 | 		CommentProcessingOutline = 0xF185,
 449 | 		CommentQuestionOutline = 0xF186,
 450 | 		CommentRemoveOutline = 0xF187,
 451 | 		CommentText = 0xF188,
 452 | 		CommentTextOutline = 0xF189,
 453 | 		Compare = 0xF18A,
 454 | 		Compass = 0xF18B,
 455 | 		CompassOutline = 0xF18C,
 456 | 		Console = 0xF18D,
 457 | 		ContactMail = 0xF18E,
 458 | 		ContentCopy = 0xF18F,
 459 | 		ContentCut = 0xF190,
 460 | 		ContentDuplicate = 0xF191,
 461 | 		ContentPaste = 0xF192,
 462 | 		ContentSave = 0xF193,
 463 | 		ContentSaveAll = 0xF194,
 464 | 		ContentSaveSettings = 0xF61B,
 465 | 		Contrast = 0xF195,
 466 | 		ContrastBox = 0xF196,
 467 | 		ContrastCircle = 0xF197,
 468 | 		Cookie = 0xF198,
 469 | 		Copyright = 0xF5E6,
 470 | 		Counter = 0xF199,
 471 | 		Cow = 0xF19A,
 472 | 		Creation = 0xF1C9,
 473 | 		CreditCard = 0xF19B,
 474 | 		CreditCardMultiple = 0xF19C,
 475 | 		CreditCardOff = 0xF5E4,
 476 | 		CreditCardPlus = 0xF675,
 477 | 		CreditCardScan = 0xF19D,
 478 | 		Crop = 0xF19E,
 479 | 		CropFree = 0xF19F,
 480 | 		CropLandscape = 0xF1A0,
 481 | 		CropPortrait = 0xF1A1,
 482 | 		CropRotate = 0xF695,
 483 | 		CropSquare = 0xF1A2,
 484 | 		Crosshairs = 0xF1A3,
 485 | 		CrosshairsGps = 0xF1A4,
 486 | 		Crown = 0xF1A5,
 487 | 		Cube = 0xF1A6,
 488 | 		CubeOutline = 0xF1A7,
 489 | 		CubeSend = 0xF1A8,
 490 | 		CubeUnfolded = 0xF1A9,
 491 | 		Cup = 0xF1AA,
 492 | 		CupOff = 0xF5E5,
 493 | 		CupWater = 0xF1AB,
 494 | 		CurrencyBtc = 0xF1AC,
 495 | 		CurrencyEur = 0xF1AD,
 496 | 		CurrencyGbp = 0xF1AE,
 497 | 		CurrencyInr = 0xF1AF,
 498 | 		CurrencyNgn = 0xF1B0,
 499 | 		CurrencyRub = 0xF1B1,
 500 | 		CurrencyTry = 0xF1B2,
 501 | 		CurrencyUsd = 0xF1B3,
 502 | 		CurrencyUsdOff = 0xF679,
 503 | 		CursorDefault = 0xF1B4,
 504 | 		CursorDefaultOutline = 0xF1B5,
 505 | 		CursorMove = 0xF1B6,
 506 | 		CursorPointer = 0xF1B7,
 507 | 		CursorText = 0xF5E7,
 508 | 		Database = 0xF1B8,
 509 | 		DatabaseMinus = 0xF1B9,
 510 | 		DatabasePlus = 0xF1BA,
 511 | 		DebugStepInto = 0xF1BB,
 512 | 		DebugStepOut = 0xF1BC,
 513 | 		DebugStepOver = 0xF1BD,
 514 | 		DecimalDecrease = 0xF1BE,
 515 | 		DecimalIncrease = 0xF1BF,
 516 | 		Delete = 0xF1C0,
 517 | 		DeleteCircle = 0xF682,
 518 | 		DeleteForever = 0xF5E8,
 519 | 		DeleteSweep = 0xF5E9,
 520 | 		DeleteVariant = 0xF1C1,
 521 | 		Delta = 0xF1C2,
 522 | 		Deskphone = 0xF1C3,
 523 | 		DesktopMac = 0xF1C4,
 524 | 		DesktopTower = 0xF1C5,
 525 | 		Details = 0xF1C6,
 526 | 		DeveloperBoard = 0xF696,
 527 | 		Deviantart = 0xF1C7,
 528 | 		Dialpad = 0xF61C,
 529 | 		Diamond = 0xF1C8,
 530 | 		Dice1 = 0xF1CA,
 531 | 		Dice2 = 0xF1CB,
 532 | 		Dice3 = 0xF1CC,
 533 | 		Dice4 = 0xF1CD,
 534 | 		Dice5 = 0xF1CE,
 535 | 		Dice6 = 0xF1CF,
 536 | 		DiceD20 = 0xF5EA,
 537 | 		DiceD4 = 0xF5EB,
 538 | 		DiceD6 = 0xF5EC,
 539 | 		DiceD8 = 0xF5ED,
 540 | 		Dictionary = 0xF61D,
 541 | 		Directions = 0xF1D0,
 542 | 		DirectionsFork = 0xF641,
 543 | 		Discord = 0xF66F,
 544 | 		Disk = 0xF5EE,
 545 | 		DiskAlert = 0xF1D1,
 546 | 		Disqus = 0xF1D2,
 547 | 		DisqusOutline = 0xF1D3,
 548 | 		Division = 0xF1D4,
 549 | 		DivisionBox = 0xF1D5,
 550 | 		Dna = 0xF683,
 551 | 		Dns = 0xF1D6,
 552 | 		DoNotDisturb = 0xF697,
 553 | 		DoNotDisturbOff = 0xF698,
 554 | 		Dolby = 0xF6B2,
 555 | 		Domain = 0xF1D7,
 556 | 		DotsHorizontal = 0xF1D8,
 557 | 		DotsVertical = 0xF1D9,
 558 | 		Douban = 0xF699,
 559 | 		Download = 0xF1DA,
 560 | 		Drag = 0xF1DB,
 561 | 		DragHorizontal = 0xF1DC,
 562 | 		DragVertical = 0xF1DD,
 563 | 		Drawing = 0xF1DE,
 564 | 		DrawingBox = 0xF1DF,
 565 | 		Dribbble = 0xF1E0,
 566 | 		DribbbleBox = 0xF1E1,
 567 | 		Drone = 0xF1E2,
 568 | 		Dropbox = 0xF1E3,
 569 | 		Drupal = 0xF1E4,
 570 | 		Duck = 0xF1E5,
 571 | 		Dumbbell = 0xF1E6,
 572 | 		Earth = 0xF1E7,
 573 | 		EarthOff = 0xF1E8,
 574 | 		Edge = 0xF1E9,
 575 | 		Eject = 0xF1EA,
 576 | 		ElevationDecline = 0xF1EB,
 577 | 		ElevationRise = 0xF1EC,
 578 | 		Elevator = 0xF1ED,
 579 | 		Email = 0xF1EE,
 580 | 		EmailOpen = 0xF1EF,
 581 | 		EmailOpenOutline = 0xF5EF,
 582 | 		EmailOutline = 0xF1F0,
 583 | 		EmailSecure = 0xF1F1,
 584 | 		EmailVariant = 0xF5F0,
 585 | 		Emby = 0xF6B3,
 586 | 		Emoticon = 0xF1F2,
 587 | 		EmoticonCool = 0xF1F3,
 588 | 		EmoticonDead = 0xF69A,
 589 | 		EmoticonDevil = 0xF1F4,
 590 | 		EmoticonExcited = 0xF69B,
 591 | 		EmoticonHappy = 0xF1F5,
 592 | 		EmoticonNeutral = 0xF1F6,
 593 | 		EmoticonPoop = 0xF1F7,
 594 | 		EmoticonSad = 0xF1F8,
 595 | 		EmoticonTongue = 0xF1F9,
 596 | 		Engine = 0xF1FA,
 597 | 		EngineOutline = 0xF1FB,
 598 | 		Equal = 0xF1FC,
 599 | 		EqualBox = 0xF1FD,
 600 | 		Eraser = 0xF1FE,
 601 | 		EraserVariant = 0xF642,
 602 | 		Escalator = 0xF1FF,
 603 | 		Ethernet = 0xF200,
 604 | 		EthernetCable = 0xF201,
 605 | 		EthernetCableOff = 0xF202,
 606 | 		Etsy = 0xF203,
 607 | 		EvStation = 0xF5F1,
 608 | 		Evernote = 0xF204,
 609 | 		Exclamation = 0xF205,
 610 | 		ExitToApp = 0xF206,
 611 | 		Export = 0xF207,
 612 | 		Eye = 0xF208,
 613 | 		EyeOff = 0xF209,
 614 | 		Eyedropper = 0xF20A,
 615 | 		EyedropperVariant = 0xF20B,
 616 | 		Face = 0xF643,
 617 | 		FaceProfile = 0xF644,
 618 | 		Facebook = 0xF20C,
 619 | 		FacebookBox = 0xF20D,
 620 | 		FacebookMessenger = 0xF20E,
 621 | 		Factory = 0xF20F,
 622 | 		Fan = 0xF210,
 623 | 		FastForward = 0xF211,
 624 | 		Fax = 0xF212,
 625 | 		Ferry = 0xF213,
 626 | 		File = 0xF214,
 627 | 		FileChart = 0xF215,
 628 | 		FileCheck = 0xF216,
 629 | 		FileCloud = 0xF217,
 630 | 		FileDelimited = 0xF218,
 631 | 		FileDocument = 0xF219,
 632 | 		FileDocumentBox = 0xF21A,
 633 | 		FileExcel = 0xF21B,
 634 | 		FileExcelBox = 0xF21C,
 635 | 		FileExport = 0xF21D,
 636 | 		FileFind = 0xF21E,
 637 | 		FileHidden = 0xF613,
 638 | 		FileImage = 0xF21F,
 639 | 		FileImport = 0xF220,
 640 | 		FileLock = 0xF221,
 641 | 		FileMultiple = 0xF222,
 642 | 		FileMusic = 0xF223,
 643 | 		FileOutline = 0xF224,
 644 | 		FilePdf = 0xF225,
 645 | 		FilePdfBox = 0xF226,
 646 | 		FilePowerpoint = 0xF227,
 647 | 		FilePowerpointBox = 0xF228,
 648 | 		FilePresentationBox = 0xF229,
 649 | 		FileRestore = 0xF670,
 650 | 		FileSend = 0xF22A,
 651 | 		FileTree = 0xF645,
 652 | 		FileVideo = 0xF22B,
 653 | 		FileWord = 0xF22C,
 654 | 		FileWordBox = 0xF22D,
 655 | 		FileXml = 0xF22E,
 656 | 		Film = 0xF22F,
 657 | 		Filmstrip = 0xF230,
 658 | 		FilmstripOff = 0xF231,
 659 | 		Filter = 0xF232,
 660 | 		FilterOutline = 0xF233,
 661 | 		FilterRemove = 0xF234,
 662 | 		FilterRemoveOutline = 0xF235,
 663 | 		FilterVariant = 0xF236,
 664 | 		Fingerprint = 0xF237,
 665 | 		Fire = 0xF238,
 666 | 		Firefox = 0xF239,
 667 | 		Fish = 0xF23A,
 668 | 		Flag = 0xF23B,
 669 | 		FlagCheckered = 0xF23C,
 670 | 		FlagOutline = 0xF23D,
 671 | 		FlagOutlineVariant = 0xF23E,
 672 | 		FlagTriangle = 0xF23F,
 673 | 		FlagVariant = 0xF240,
 674 | 		Flash = 0xF241,
 675 | 		FlashAuto = 0xF242,
 676 | 		FlashOff = 0xF243,
 677 | 		FlashRedEye = 0xF67A,
 678 | 		Flashlight = 0xF244,
 679 | 		FlashlightOff = 0xF245,
 680 | 		Flask = 0xF093,
 681 | 		FlaskEmpty = 0xF094,
 682 | 		FlaskEmptyOutline = 0xF095,
 683 | 		FlaskOutline = 0xF096,
 684 | 		Flattr = 0xF246,
 685 | 		FlipToBack = 0xF247,
 686 | 		FlipToFront = 0xF248,
 687 | 		Floppy = 0xF249,
 688 | 		Flower = 0xF24A,
 689 | 		Folder = 0xF24B,
 690 | 		FolderAccount = 0xF24C,
 691 | 		FolderDownload = 0xF24D,
 692 | 		FolderGoogleDrive = 0xF24E,
 693 | 		FolderImage = 0xF24F,
 694 | 		FolderLock = 0xF250,
 695 | 		FolderLockOpen = 0xF251,
 696 | 		FolderMove = 0xF252,
 697 | 		FolderMultiple = 0xF253,
 698 | 		FolderMultipleImage = 0xF254,
 699 | 		FolderMultipleOutline = 0xF255,
 700 | 		FolderOutline = 0xF256,
 701 | 		FolderPlus = 0xF257,
 702 | 		FolderRemove = 0xF258,
 703 | 		FolderStar = 0xF69C,
 704 | 		FolderUpload = 0xF259,
 705 | 		Food = 0xF25A,
 706 | 		FoodApple = 0xF25B,
 707 | 		FoodForkDrink = 0xF5F2,
 708 | 		FoodOff = 0xF5F3,
 709 | 		FoodVariant = 0xF25C,
 710 | 		Football = 0xF25D,
 711 | 		FootballAustralian = 0xF25E,
 712 | 		FootballHelmet = 0xF25F,
 713 | 		FormatAlignCenter = 0xF260,
 714 | 		FormatAlignJustify = 0xF261,
 715 | 		FormatAlignLeft = 0xF262,
 716 | 		FormatAlignRight = 0xF263,
 717 | 		FormatAnnotationPlus = 0xF646,
 718 | 		FormatBold = 0xF264,
 719 | 		FormatClear = 0xF265,
 720 | 		FormatColorFill = 0xF266,
 721 | 		FormatColorText = 0xF69D,
 722 | 		FormatFloatCenter = 0xF267,
 723 | 		FormatFloatLeft = 0xF268,
 724 | 		FormatFloatNone = 0xF269,
 725 | 		FormatFloatRight = 0xF26A,
 726 | 		FormatHeader1 = 0xF26B,
 727 | 		FormatHeader2 = 0xF26C,
 728 | 		FormatHeader3 = 0xF26D,
 729 | 		FormatHeader4 = 0xF26E,
 730 | 		FormatHeader5 = 0xF26F,
 731 | 		FormatHeader6 = 0xF270,
 732 | 		FormatHeaderDecrease = 0xF271,
 733 | 		FormatHeaderEqual = 0xF272,
 734 | 		FormatHeaderIncrease = 0xF273,
 735 | 		FormatHeaderPound = 0xF274,
 736 | 		FormatHorizontalAlignCenter = 0xF61E,
 737 | 		FormatHorizontalAlignLeft = 0xF61F,
 738 | 		FormatHorizontalAlignRight = 0xF620,
 739 | 		FormatIndentDecrease = 0xF275,
 740 | 		FormatIndentIncrease = 0xF276,
 741 | 		FormatItalic = 0xF277,
 742 | 		FormatLineSpacing = 0xF278,
 743 | 		FormatLineStyle = 0xF5C8,
 744 | 		FormatLineWeight = 0xF5C9,
 745 | 		FormatListBulleted = 0xF279,
 746 | 		FormatListBulletedType = 0xF27A,
 747 | 		FormatListNumbers = 0xF27B,
 748 | 		FormatPaint = 0xF27C,
 749 | 		FormatParagraph = 0xF27D,
 750 | 		FormatQuote = 0xF27E,
 751 | 		FormatSection = 0xF69E,
 752 | 		FormatSize = 0xF27F,
 753 | 		FormatStrikethrough = 0xF280,
 754 | 		FormatStrikethroughVariant = 0xF281,
 755 | 		FormatSubscript = 0xF282,
 756 | 		FormatSuperscript = 0xF283,
 757 | 		FormatText = 0xF284,
 758 | 		FormatTextdirectionLToR = 0xF285,
 759 | 		FormatTextdirectionRToL = 0xF286,
 760 | 		FormatTitle = 0xF5F4,
 761 | 		FormatUnderline = 0xF287,
 762 | 		FormatVerticalAlignBottom = 0xF621,
 763 | 		FormatVerticalAlignCenter = 0xF622,
 764 | 		FormatVerticalAlignTop = 0xF623,
 765 | 		FormatWrapInline = 0xF288,
 766 | 		FormatWrapSquare = 0xF289,
 767 | 		FormatWrapTight = 0xF28A,
 768 | 		FormatWrapTopBottom = 0xF28B,
 769 | 		Forum = 0xF28C,
 770 | 		Forward = 0xF28D,
 771 | 		Foursquare = 0xF28E,
 772 | 		Fridge = 0xF28F,
 773 | 		FridgeFilled = 0xF290,
 774 | 		FridgeFilledBottom = 0xF291,
 775 | 		FridgeFilledTop = 0xF292,
 776 | 		Fullscreen = 0xF293,
 777 | 		FullscreenExit = 0xF294,
 778 | 		Function = 0xF295,
 779 | 		Gamepad = 0xF296,
 780 | 		GamepadVariant = 0xF297,
 781 | 		GasCylinder = 0xF647,
 782 | 		GasStation = 0xF298,
 783 | 		Gate = 0xF299,
 784 | 		Gauge = 0xF29A,
 785 | 		Gavel = 0xF29B,
 786 | 		GenderFemale = 0xF29C,
 787 | 		GenderMale = 0xF29D,
 788 | 		GenderMaleFemale = 0xF29E,
 789 | 		GenderTransgender = 0xF29F,
 790 | 		Ghost = 0xF2A0,
 791 | 		Gift = 0xF2A1,
 792 | 		Git = 0xF2A2,
 793 | 		GithubBox = 0xF2A3,
 794 | 		GithubCircle = 0xF2A4,
 795 | 		GlassFlute = 0xF2A5,
 796 | 		GlassMug = 0xF2A6,
 797 | 		GlassStange = 0xF2A7,
 798 | 		GlassTulip = 0xF2A8,
 799 | 		Glassdoor = 0xF2A9,
 800 | 		Glasses = 0xF2AA,
 801 | 		Gmail = 0xF2AB,
 802 | 		Gnome = 0xF2AC,
 803 | 		Gondola = 0xF685,
 804 | 		Google = 0xF2AD,
 805 | 		GoogleCardboard = 0xF2AE,
 806 | 		GoogleChrome = 0xF2AF,
 807 | 		GoogleCircles = 0xF2B0,
 808 | 		GoogleCirclesCommunities = 0xF2B1,
 809 | 		GoogleCirclesExtended = 0xF2B2,
 810 | 		GoogleCirclesGroup = 0xF2B3,
 811 | 		GoogleController = 0xF2B4,
 812 | 		GoogleControllerOff = 0xF2B5,
 813 | 		GoogleDrive = 0xF2B6,
 814 | 		GoogleEarth = 0xF2B7,
 815 | 		GoogleGlass = 0xF2B8,
 816 | 		GoogleMaps = 0xF5F5,
 817 | 		GoogleNearby = 0xF2B9,
 818 | 		GooglePages = 0xF2BA,
 819 | 		GooglePhysicalWeb = 0xF2BB,
 820 | 		GooglePlay = 0xF2BC,
 821 | 		GooglePlus = 0xF2BD,
 822 | 		GooglePlusBox = 0xF2BE,
 823 | 		GoogleTranslate = 0xF2BF,
 824 | 		GoogleWallet = 0xF2C0,
 825 | 		Gradient = 0xF69F,
 826 | 		GreasePencil = 0xF648,
 827 | 		Grid = 0xF2C1,
 828 | 		GridOff = 0xF2C2,
 829 | 		Group = 0xF2C3,
 830 | 		GuitarElectric = 0xF2C4,
 831 | 		GuitarPick = 0xF2C5,
 832 | 		GuitarPickOutline = 0xF2C6,
 833 | 		Hackernews = 0xF624,
 834 | 		Hamburger = 0xF684,
 835 | 		HandPointingRight = 0xF2C7,
 836 | 		Hanger = 0xF2C8,
 837 | 		Hangouts = 0xF2C9,
 838 | 		Harddisk = 0xF2CA,
 839 | 		Headphones = 0xF2CB,
 840 | 		HeadphonesBox = 0xF2CC,
 841 | 		HeadphonesSettings = 0xF2CD,
 842 | 		Headset = 0xF2CE,
 843 | 		HeadsetDock = 0xF2CF,
 844 | 		HeadsetOff = 0xF2D0,
 845 | 		Heart = 0xF2D1,
 846 | 		HeartBox = 0xF2D2,
 847 | 		HeartBoxOutline = 0xF2D3,
 848 | 		HeartBroken = 0xF2D4,
 849 | 		HeartOutline = 0xF2D5,
 850 | 		HeartPulse = 0xF5F6,
 851 | 		Help = 0xF2D6,
 852 | 		HelpCircle = 0xF2D7,
 853 | 		HelpCircleOutline = 0xF625,
 854 | 		Hexagon = 0xF2D8,
 855 | 		HexagonOutline = 0xF2D9,
 856 | 		Highway = 0xF5F7,
 857 | 		History = 0xF2DA,
 858 | 		Hololens = 0xF2DB,
 859 | 		Home = 0xF2DC,
 860 | 		HomeMapMarker = 0xF5F8,
 861 | 		HomeModern = 0xF2DD,
 862 | 		HomeOutline = 0xF6A0,
 863 | 		HomeVariant = 0xF2DE,
 864 | 		Hops = 0xF2DF,
 865 | 		Hospital = 0xF2E0,
 866 | 		HospitalBuilding = 0xF2E1,
 867 | 		HospitalMarker = 0xF2E2,
 868 | 		Hotel = 0xF2E3,
 869 | 		Houzz = 0xF2E4,
 870 | 		HouzzBox = 0xF2E5,
 871 | 		Human = 0xF2E6,
 872 | 		HumanChild = 0xF2E7,
 873 | 		HumanFemale = 0xF649,
 874 | 		HumanGreeting = 0xF64A,
 875 | 		HumanHandsdown = 0xF64B,
 876 | 		HumanHandsup = 0xF64C,
 877 | 		HumanMale = 0xF64D,
 878 | 		HumanMaleFemale = 0xF2E8,
 879 | 		HumanPregnant = 0xF5CF,
 880 | 		Image = 0xF2E9,
 881 | 		ImageAlbum = 0xF2EA,
 882 | 		ImageArea = 0xF2EB,
 883 | 		ImageAreaClose = 0xF2EC,
 884 | 		ImageBroken = 0xF2ED,
 885 | 		ImageBrokenVariant = 0xF2EE,
 886 | 		ImageFilter = 0xF2EF,
 887 | 		ImageFilterBlackWhite = 0xF2F0,
 888 | 		ImageFilterCenterFocus = 0xF2F1,
 889 | 		ImageFilterCenterFocusWeak = 0xF2F2,
 890 | 		ImageFilterDrama = 0xF2F3,
 891 | 		ImageFilterFrames = 0xF2F4,
 892 | 		ImageFilterHdr = 0xF2F5,
 893 | 		ImageFilterNone = 0xF2F6,
 894 | 		ImageFilterTiltShift = 0xF2F7,
 895 | 		ImageFilterVintage = 0xF2F8,
 896 | 		ImageMultiple = 0xF2F9,
 897 | 		Import = 0xF2FA,
 898 | 		Inbox = 0xF686,
 899 | 		InboxArrowDown = 0xF2FB,
 900 | 		InboxArrowUp = 0xF3D1,
 901 | 		Incognito = 0xF5F9,
 902 | 		Information = 0xF2FC,
 903 | 		InformationOutline = 0xF2FD,
 904 | 		InformationVariant = 0xF64E,
 905 | 		Instagram = 0xF2FE,
 906 | 		Instapaper = 0xF2FF,
 907 | 		InternetExplorer = 0xF300,
 908 | 		InvertColors = 0xF301,
 909 | 		Itunes = 0xF676,
 910 | 		Jeepney = 0xF302,
 911 | 		Jira = 0xF303,
 912 | 		Jsfiddle = 0xF304,
 913 | 		Json = 0xF626,
 914 | 		Keg = 0xF305,
 915 | 		Kettle = 0xF5FA,
 916 | 		Key = 0xF306,
 917 | 		KeyChange = 0xF307,
 918 | 		KeyMinus = 0xF308,
 919 | 		KeyPlus = 0xF309,
 920 | 		KeyRemove = 0xF30A,
 921 | 		KeyVariant = 0xF30B,
 922 | 		Keyboard = 0xF30C,
 923 | 		KeyboardBackspace = 0xF30D,
 924 | 		KeyboardCaps = 0xF30E,
 925 | 		KeyboardClose = 0xF30F,
 926 | 		KeyboardOff = 0xF310,
 927 | 		KeyboardReturn = 0xF311,
 928 | 		KeyboardTab = 0xF312,
 929 | 		KeyboardVariant = 0xF313,
 930 | 		Kodi = 0xF314,
 931 | 		Label = 0xF315,
 932 | 		LabelOutline = 0xF316,
 933 | 		Lambda = 0xF627,
 934 | 		Lamp = 0xF6B4,
 935 | 		Lan = 0xF317,
 936 | 		LanConnect = 0xF318,
 937 | 		LanDisconnect = 0xF319,
 938 | 		LanPending = 0xF31A,
 939 | 		LanguageC = 0xF671,
 940 | 		LanguageCpp = 0xF672,
 941 | 		LanguageCsharp = 0xF31B,
 942 | 		LanguageCss3 = 0xF31C,
 943 | 		LanguageHtml5 = 0xF31D,
 944 | 		LanguageJavascript = 0xF31E,
 945 | 		LanguagePhp = 0xF31F,
 946 | 		LanguagePython = 0xF320,
 947 | 		LanguagePythonText = 0xF321,
 948 | 		Laptop = 0xF322,
 949 | 		LaptopChromebook = 0xF323,
 950 | 		LaptopMac = 0xF324,
 951 | 		LaptopWindows = 0xF325,
 952 | 		Lastfm = 0xF326,
 953 | 		Launch = 0xF327,
 954 | 		Layers = 0xF328,
 955 | 		LayersOff = 0xF329,
 956 | 		LeadPencil = 0xF64F,
 957 | 		Leaf = 0xF32A,
 958 | 		LedOff = 0xF32B,
 959 | 		LedOn = 0xF32C,
 960 | 		LedOutline = 0xF32D,
 961 | 		LedVariantOff = 0xF32E,
 962 | 		LedVariantOn = 0xF32F,
 963 | 		LedVariantOutline = 0xF330,
 964 | 		Library = 0xF331,
 965 | 		LibraryBooks = 0xF332,
 966 | 		LibraryMusic = 0xF333,
 967 | 		LibraryPlus = 0xF334,
 968 | 		Lightbulb = 0xF335,
 969 | 		LightbulbOutline = 0xF336,
 970 | 		Link = 0xF337,
 971 | 		LinkOff = 0xF338,
 972 | 		LinkVariant = 0xF339,
 973 | 		LinkVariantOff = 0xF33A,
 974 | 		Linkedin = 0xF33B,
 975 | 		LinkedinBox = 0xF33C,
 976 | 		Linux = 0xF33D,
 977 | 		Lock = 0xF33E,
 978 | 		LockOpen = 0xF33F,
 979 | 		LockOpenOutline = 0xF340,
 980 | 		LockOutline = 0xF341,
 981 | 		LockPlus = 0xF5FB,
 982 | 		Login = 0xF342,
 983 | 		LoginVariant = 0xF5FC,
 984 | 		Logout = 0xF343,
 985 | 		LogoutVariant = 0xF5FD,
 986 | 		Looks = 0xF344,
 987 | 		Loupe = 0xF345,
 988 | 		Lumx = 0xF346,
 989 | 		Magnet = 0xF347,
 990 | 		MagnetOn = 0xF348,
 991 | 		Magnify = 0xF349,
 992 | 		MagnifyMinus = 0xF34A,
 993 | 		MagnifyPlus = 0xF34B,
 994 | 		MailRu = 0xF34C,
 995 | 		Map = 0xF34D,
 996 | 		MapMarker = 0xF34E,
 997 | 		MapMarkerCircle = 0xF34F,
 998 | 		MapMarkerMinus = 0xF650,
 999 | 		MapMarkerMultiple = 0xF350,
1000 | 		MapMarkerOff = 0xF351,
1001 | 		MapMarkerPlus = 0xF651,
1002 | 		MapMarkerRadius = 0xF352,
1003 | 		Margin = 0xF353,
1004 | 		Markdown = 0xF354,
1005 | 		Marker = 0xF652,
1006 | 		MarkerCheck = 0xF355,
1007 | 		Martini = 0xF356,
1008 | 		MaterialUi = 0xF357,
1009 | 		MathCompass = 0xF358,
1010 | 		Matrix = 0xF628,
1011 | 		Maxcdn = 0xF359,
1012 | 		Medium = 0xF35A,
1013 | 		Memory = 0xF35B,
1014 | 		Menu = 0xF35C,
1015 | 		MenuDown = 0xF35D,
1016 | 		MenuDownOutline = 0xF6B5,
1017 | 		MenuLeft = 0xF35E,
1018 | 		MenuRight = 0xF35F,
1019 | 		MenuUp = 0xF360,
1020 | 		MenuUpOutline = 0xF6B6,
1021 | 		Message = 0xF361,
1022 | 		MessageAlert = 0xF362,
1023 | 		MessageBulleted = 0xF6A1,
1024 | 		MessageBulletedOff = 0xF6A2,
1025 | 		MessageDraw = 0xF363,
1026 | 		MessageImage = 0xF364,
1027 | 		MessageOutline = 0xF365,
1028 | 		MessagePlus = 0xF653,
1029 | 		MessageProcessing = 0xF366,
1030 | 		MessageReply = 0xF367,
1031 | 		MessageReplyText = 0xF368,
1032 | 		MessageText = 0xF369,
1033 | 		MessageTextOutline = 0xF36A,
1034 | 		MessageVideo = 0xF36B,
1035 | 		Meteor = 0xF629,
1036 | 		Microphone = 0xF36C,
1037 | 		MicrophoneOff = 0xF36D,
1038 | 		MicrophoneOutline = 0xF36E,
1039 | 		MicrophoneSettings = 0xF36F,
1040 | 		MicrophoneVariant = 0xF370,
1041 | 		MicrophoneVariantOff = 0xF371,
1042 | 		Microscope = 0xF654,
1043 | 		Microsoft = 0xF372,
1044 | 		Minecraft = 0xF373,
1045 | 		Minus = 0xF374,
1046 | 		MinusBox = 0xF375,
1047 | 		MinusCircle = 0xF376,
1048 | 		MinusCircleOutline = 0xF377,
1049 | 		MinusNetwork = 0xF378,
1050 | 		Mixcloud = 0xF62A,
1051 | 		Monitor = 0xF379,
1052 | 		MonitorMultiple = 0xF37A,
1053 | 		More = 0xF37B,
1054 | 		Motorbike = 0xF37C,
1055 | 		Mouse = 0xF37D,
1056 | 		MouseOff = 0xF37E,
1057 | 		MouseVariant = 0xF37F,
1058 | 		MouseVariantOff = 0xF380,
1059 | 		MoveResize = 0xF655,
1060 | 		MoveResizeVariant = 0xF656,
1061 | 		Movie = 0xF381,
1062 | 		Multiplication = 0xF382,
1063 | 		MultiplicationBox = 0xF383,
1064 | 		MusicBox = 0xF384,
1065 | 		MusicBoxOutline = 0xF385,
1066 | 		MusicCircle = 0xF386,
1067 | 		MusicNote = 0xF387,
1068 | 		MusicNoteBluetooth = 0xF5FE,
1069 | 		MusicNoteBluetoothOff = 0xF5FF,
1070 | 		MusicNoteEighth = 0xF388,
1071 | 		MusicNoteHalf = 0xF389,
1072 | 		MusicNoteOff = 0xF38A,
1073 | 		MusicNoteQuarter = 0xF38B,
1074 | 		MusicNoteSixteenth = 0xF38C,
1075 | 		MusicNoteWhole = 0xF38D,
1076 | 		Nature = 0xF38E,
1077 | 		NaturePeople = 0xF38F,
1078 | 		Navigation = 0xF390,
1079 | 		NearMe = 0xF5CD,
1080 | 		Needle = 0xF391,
1081 | 		NestProtect = 0xF392,
1082 | 		NestThermostat = 0xF393,
1083 | 		NewBox = 0xF394,
1084 | 		Newspaper = 0xF395,
1085 | 		Nfc = 0xF396,
1086 | 		NfcTap = 0xF397,
1087 | 		NfcVariant = 0xF398,
1088 | 		Nodejs = 0xF399,
1089 | 		Note = 0xF39A,
1090 | 		NoteMultiple = 0xF6B7,
1091 | 		NoteMultipleOutline = 0xF6B8,
1092 | 		NoteOutline = 0xF39B,
1093 | 		NotePlus = 0xF39C,
1094 | 		NotePlusOutline = 0xF39D,
1095 | 		NoteText = 0xF39E,
1096 | 		NotificationClearAll = 0xF39F,
1097 | 		Nuke = 0xF6A3,
1098 | 		Numeric = 0xF3A0,
1099 | 		Numeric0Box = 0xF3A1,
1100 | 		Numeric0BoxMultipleOutline = 0xF3A2,
1101 | 		Numeric0BoxOutline = 0xF3A3,
1102 | 		Numeric1Box = 0xF3A4,
1103 | 		Numeric1BoxMultipleOutline = 0xF3A5,
1104 | 		Numeric1BoxOutline = 0xF3A6,
1105 | 		Numeric2Box = 0xF3A7,
1106 | 		Numeric2BoxMultipleOutline = 0xF3A8,
1107 | 		Numeric2BoxOutline = 0xF3A9,
1108 | 		Numeric3Box = 0xF3AA,
1109 | 		Numeric3BoxMultipleOutline = 0xF3AB,
1110 | 		Numeric3BoxOutline = 0xF3AC,
1111 | 		Numeric4Box = 0xF3AD,
1112 | 		Numeric4BoxMultipleOutline = 0xF3AE,
1113 | 		Numeric4BoxOutline = 0xF3AF,
1114 | 		Numeric5Box = 0xF3B0,
1115 | 		Numeric5BoxMultipleOutline = 0xF3B1,
1116 | 		Numeric5BoxOutline = 0xF3B2,
1117 | 		Numeric6Box = 0xF3B3,
1118 | 		Numeric6BoxMultipleOutline = 0xF3B4,
1119 | 		Numeric6BoxOutline = 0xF3B5,
1120 | 		Numeric7Box = 0xF3B6,
1121 | 		Numeric7BoxMultipleOutline = 0xF3B7,
1122 | 		Numeric7BoxOutline = 0xF3B8,
1123 | 		Numeric8Box = 0xF3B9,
1124 | 		Numeric8BoxMultipleOutline = 0xF3BA,
1125 | 		Numeric8BoxOutline = 0xF3BB,
1126 | 		Numeric9Box = 0xF3BC,
1127 | 		Numeric9BoxMultipleOutline = 0xF3BD,
1128 | 		Numeric9BoxOutline = 0xF3BE,
1129 | 		Numeric9PlusBox = 0xF3BF,
1130 | 		Numeric9PlusBoxMultipleOutline = 0xF3C0,
1131 | 		Numeric9PlusBoxOutline = 0xF3C1,
1132 | 		Nutrition = 0xF3C2,
1133 | 		Oar = 0xF67B,
1134 | 		Octagon = 0xF3C3,
1135 | 		OctagonOutline = 0xF3C4,
1136 | 		Odnoklassniki = 0xF3C5,
1137 | 		Office = 0xF3C6,
1138 | 		Oil = 0xF3C7,
1139 | 		OilTemperature = 0xF3C8,
1140 | 		Omega = 0xF3C9,
1141 | 		Onedrive = 0xF3CA,
1142 | 		Opacity = 0xF5CC,
1143 | 		OpenInApp = 0xF3CB,
1144 | 		OpenInNew = 0xF3CC,
1145 | 		Openid = 0xF3CD,
1146 | 		Opera = 0xF3CE,
1147 | 		Ornament = 0xF3CF,
1148 | 		OrnamentVariant = 0xF3D0,
1149 | 		Owl = 0xF3D2,
1150 | 		Package = 0xF3D3,
1151 | 		PackageDown = 0xF3D4,
1152 | 		PackageUp = 0xF3D5,
1153 | 		PackageVariant = 0xF3D6,
1154 | 		PackageVariantClosed = 0xF3D7,
1155 | 		PageFirst = 0xF600,
1156 | 		PageLast = 0xF601,
1157 | 		Palette = 0xF3D8,
1158 | 		PaletteAdvanced = 0xF3D9,
1159 | 		Panda = 0xF3DA,
1160 | 		Pandora = 0xF3DB,
1161 | 		Panorama = 0xF3DC,
1162 | 		PanoramaFisheye = 0xF3DD,
1163 | 		PanoramaHorizontal = 0xF3DE,
1164 | 		PanoramaVertical = 0xF3DF,
1165 | 		PanoramaWideAngle = 0xF3E0,
1166 | 		PaperCutVertical = 0xF3E1,
1167 | 		Paperclip = 0xF3E2,
1168 | 		Parking = 0xF3E3,
1169 | 		Pause = 0xF3E4,
1170 | 		PauseCircle = 0xF3E5,
1171 | 		PauseCircleOutline = 0xF3E6,
1172 | 		PauseOctagon = 0xF3E7,
1173 | 		PauseOctagonOutline = 0xF3E8,
1174 | 		Paw = 0xF3E9,
1175 | 		PawOff = 0xF657,
1176 | 		Pen = 0xF3EA,
1177 | 		Pencil = 0xF3EB,
1178 | 		PencilBox = 0xF3EC,
1179 | 		PencilBoxOutline = 0xF3ED,
1180 | 		PencilLock = 0xF3EE,
1181 | 		PencilOff = 0xF3EF,
1182 | 		Percent = 0xF3F0,
1183 | 		Pharmacy = 0xF3F1,
1184 | 		Phone = 0xF3F2,
1185 | 		PhoneBluetooth = 0xF3F3,
1186 | 		PhoneClassic = 0xF602,
1187 | 		PhoneForward = 0xF3F4,
1188 | 		PhoneHangup = 0xF3F5,
1189 | 		PhoneInTalk = 0xF3F6,
1190 | 		PhoneIncoming = 0xF3F7,
1191 | 		PhoneLocked = 0xF3F8,
1192 | 		PhoneLog = 0xF3F9,
1193 | 		PhoneMinus = 0xF658,
1194 | 		PhoneMissed = 0xF3FA,
1195 | 		PhoneOutgoing = 0xF3FB,
1196 | 		PhonePaused = 0xF3FC,
1197 | 		PhonePlus = 0xF659,
1198 | 		PhoneSettings = 0xF3FD,
1199 | 		PhoneVoip = 0xF3FE,
1200 | 		Pi = 0xF3FF,
1201 | 		PiBox = 0xF400,
1202 | 		Piano = 0xF67C,
1203 | 		Pig = 0xF401,
1204 | 		Pill = 0xF402,
1205 | 		Pin = 0xF403,
1206 | 		PinOff = 0xF404,
1207 | 		PineTree = 0xF405,
1208 | 		PineTreeBox = 0xF406,
1209 | 		Pinterest = 0xF407,
1210 | 		PinterestBox = 0xF408,
1211 | 		Pizza = 0xF409,
1212 | 		PlaneShield = 0xF6BA,
1213 | 		Play = 0xF40A,
1214 | 		PlayBoxOutline = 0xF40B,
1215 | 		PlayCircle = 0xF40C,
1216 | 		PlayCircleOutline = 0xF40D,
1217 | 		PlayPause = 0xF40E,
1218 | 		PlayProtectedContent = 0xF40F,
1219 | 		PlaylistCheck = 0xF5C7,
1220 | 		PlaylistMinus = 0xF410,
1221 | 		PlaylistPlay = 0xF411,
1222 | 		PlaylistPlus = 0xF412,
1223 | 		PlaylistRemove = 0xF413,
1224 | 		Playstation = 0xF414,
1225 | 		Plex = 0xF6B9,
1226 | 		Plus = 0xF415,
1227 | 		PlusBox = 0xF416,
1228 | 		PlusCircle = 0xF417,
1229 | 		PlusCircleMultipleOutline = 0xF418,
1230 | 		PlusCircleOutline = 0xF419,
1231 | 		PlusNetwork = 0xF41A,
1232 | 		PlusOne = 0xF41B,
1233 | 		Pocket = 0xF41C,
1234 | 		Pokeball = 0xF41D,
1235 | 		Polaroid = 0xF41E,
1236 | 		Poll = 0xF41F,
1237 | 		PollBox = 0xF420,
1238 | 		Polymer = 0xF421,
1239 | 		Pool = 0xF606,
1240 | 		Popcorn = 0xF422,
1241 | 		Pot = 0xF65A,
1242 | 		PotMix = 0xF65B,
1243 | 		Pound = 0xF423,
1244 | 		PoundBox = 0xF424,
1245 | 		Power = 0xF425,
1246 | 		PowerPlug = 0xF6A4,
1247 | 		PowerPlugOff = 0xF6A5,
1248 | 		PowerSettings = 0xF426,
1249 | 		PowerSocket = 0xF427,
1250 | 		Presentation = 0xF428,
1251 | 		PresentationPlay = 0xF429,
1252 | 		Printer = 0xF42A,
1253 | 		Printer3d = 0xF42B,
1254 | 		PrinterAlert = 0xF42C,
1255 | 		PriorityHigh = 0xF603,
1256 | 		PriorityLow = 0xF604,
1257 | 		ProfessionalHexagon = 0xF42D,
1258 | 		Projector = 0xF42E,
1259 | 		ProjectorScreen = 0xF42F,
1260 | 		Publish = 0xF6A6,
1261 | 		Pulse = 0xF430,
1262 | 		Puzzle = 0xF431,
1263 | 		Qqchat = 0xF605,
1264 | 		Qrcode = 0xF432,
1265 | 		QrcodeScan = 0xF433,
1266 | 		Quadcopter = 0xF434,
1267 | 		QualityHigh = 0xF435,
1268 | 		Quicktime = 0xF436,
1269 | 		Radar = 0xF437,
1270 | 		Radiator = 0xF438,
1271 | 		Radio = 0xF439,
1272 | 		RadioHandheld = 0xF43A,
1273 | 		RadioTower = 0xF43B,
1274 | 		Radioactive = 0xF43C,
1275 | 		RadioboxBlank = 0xF43D,
1276 | 		RadioboxMarked = 0xF43E,
1277 | 		Raspberrypi = 0xF43F,
1278 | 		RayEnd = 0xF440,
1279 | 		RayEndArrow = 0xF441,
1280 | 		RayStart = 0xF442,
1281 | 		RayStartArrow = 0xF443,
1282 | 		RayStartEnd = 0xF444,
1283 | 		RayVertex = 0xF445,
1284 | 		Rdio = 0xF446,
1285 | 		Read = 0xF447,
1286 | 		Readability = 0xF448,
1287 | 		Receipt = 0xF449,
1288 | 		Record = 0xF44A,
1289 | 		RecordRec = 0xF44B,
1290 | 		Recycle = 0xF44C,
1291 | 		Reddit = 0xF44D,
1292 | 		Redo = 0xF44E,
1293 | 		RedoVariant = 0xF44F,
1294 | 		Refresh = 0xF450,
1295 | 		Regex = 0xF451,
1296 | 		RelativeScale = 0xF452,
1297 | 		Reload = 0xF453,
1298 | 		Remote = 0xF454,
1299 | 		RenameBox = 0xF455,
1300 | 		ReorderHorizontal = 0xF687,
1301 | 		ReorderVertical = 0xF688,
1302 | 		Repeat = 0xF456,
1303 | 		RepeatOff = 0xF457,
1304 | 		RepeatOnce = 0xF458,
1305 | 		Replay = 0xF459,
1306 | 		Reply = 0xF45A,
1307 | 		ReplyAll = 0xF45B,
1308 | 		Reproduction = 0xF45C,
1309 | 		ResizeBottomRight = 0xF45D,
1310 | 		Responsive = 0xF45E,
1311 | 		Restore = 0xF6A7,
1312 | 		Rewind = 0xF45F,
1313 | 		Ribbon = 0xF460,
1314 | 		Road = 0xF461,
1315 | 		RoadVariant = 0xF462,
1316 | 		Robot = 0xF6A8,
1317 | 		Rocket = 0xF463,
1318 | 		Rotate3d = 0xF464,
1319 | 		Rotate90 = 0xF6A9,
1320 | 		RotateLeft = 0xF465,
1321 | 		RotateLeftVariant = 0xF466,
1322 | 		RotateRight = 0xF467,
1323 | 		RotateRightVariant = 0xF468,
1324 | 		RoundedCorner = 0xF607,
1325 | 		RouterWireless = 0xF469,
1326 | 		Routes = 0xF46A,
1327 | 		Rowing = 0xF608,
1328 | 		Rss = 0xF46B,
1329 | 		RssBox = 0xF46C,
1330 | 		Ruler = 0xF46D,
1331 | 		Run = 0xF46E,
1332 | 		Sale = 0xF46F,
1333 | 		Satellite = 0xF470,
1334 | 		SatelliteVariant = 0xF471,
1335 | 		Saxophone = 0xF609,
1336 | 		Scale = 0xF472,
1337 | 		ScaleBalance = 0xF5D1,
1338 | 		ScaleBathroom = 0xF473,
1339 | 		Scanner = 0xF6AA,
1340 | 		School = 0xF474,
1341 | 		ScreenRotation = 0xF475,
1342 | 		ScreenRotationLock = 0xF476,
1343 | 		Screwdriver = 0xF477,
1344 | 		Script = 0xF478,
1345 | 		Sd = 0xF479,
1346 | 		Seal = 0xF47A,
1347 | 		SeatFlat = 0xF47B,
1348 | 		SeatFlatAngled = 0xF47C,
1349 | 		SeatIndividualSuite = 0xF47D,
1350 | 		SeatLegroomExtra = 0xF47E,
1351 | 		SeatLegroomNormal = 0xF47F,
1352 | 		SeatLegroomReduced = 0xF480,
1353 | 		SeatReclineExtra = 0xF481,
1354 | 		SeatReclineNormal = 0xF482,
1355 | 		Security = 0xF483,
1356 | 		SecurityHome = 0xF689,
1357 | 		SecurityNetwork = 0xF484,
1358 | 		Select = 0xF485,
1359 | 		SelectAll = 0xF486,
1360 | 		SelectInverse = 0xF487,
1361 | 		SelectOff = 0xF488,
1362 | 		Selection = 0xF489,
1363 | 		Send = 0xF48A,
1364 | 		SerialPort = 0xF65C,
1365 | 		Server = 0xF48B,
1366 | 		ServerMinus = 0xF48C,
1367 | 		ServerNetwork = 0xF48D,
1368 | 		ServerNetworkOff = 0xF48E,
1369 | 		ServerOff = 0xF48F,
1370 | 		ServerPlus = 0xF490,
1371 | 		ServerRemove = 0xF491,
1372 | 		ServerSecurity = 0xF492,
1373 | 		Settings = 0xF493,
1374 | 		SettingsBox = 0xF494,
1375 | 		ShapeCirclePlus = 0xF65D,
1376 | 		ShapePlus = 0xF495,
1377 | 		ShapePolygonPlus = 0xF65E,
1378 | 		ShapeRectanglePlus = 0xF65F,
1379 | 		ShapeSquarePlus = 0xF660,
1380 | 		Share = 0xF496,
1381 | 		ShareVariant = 0xF497,
1382 | 		Shield = 0xF498,
1383 | 		ShieldOutline = 0xF499,
1384 | 		Shopping = 0xF49A,
1385 | 		ShoppingMusic = 0xF49B,
1386 | 		Shredder = 0xF49C,
1387 | 		Shuffle = 0xF49D,
1388 | 		ShuffleDisabled = 0xF49E,
1389 | 		ShuffleVariant = 0xF49F,
1390 | 		Sigma = 0xF4A0,
1391 | 		SigmaLower = 0xF62B,
1392 | 		SignCaution = 0xF4A1,
1393 | 		Signal = 0xF4A2,
1394 | 		SignalVariant = 0xF60A,
1395 | 		Silverware = 0xF4A3,
1396 | 		SilverwareFork = 0xF4A4,
1397 | 		SilverwareSpoon = 0xF4A5,
1398 | 		SilverwareVariant = 0xF4A6,
1399 | 		Sim = 0xF4A7,
1400 | 		SimAlert = 0xF4A8,
1401 | 		SimOff = 0xF4A9,
1402 | 		Sitemap = 0xF4AA,
1403 | 		SkipBackward = 0xF4AB,
1404 | 		SkipForward = 0xF4AC,
1405 | 		SkipNext = 0xF4AD,
1406 | 		SkipNextCircle = 0xF661,
1407 | 		SkipNextCircleOutline = 0xF662,
1408 | 		SkipPrevious = 0xF4AE,
1409 | 		SkipPreviousCircle = 0xF663,
1410 | 		SkipPreviousCircleOutline = 0xF664,
1411 | 		Skull = 0xF68B,
1412 | 		Skype = 0xF4AF,
1413 | 		SkypeBusiness = 0xF4B0,
1414 | 		Slack = 0xF4B1,
1415 | 		Sleep = 0xF4B2,
1416 | 		SleepOff = 0xF4B3,
1417 | 		Smoking = 0xF4B4,
1418 | 		SmokingOff = 0xF4B5,
1419 | 		Snapchat = 0xF4B6,
1420 | 		Snowman = 0xF4B7,
1421 | 		Soccer = 0xF4B8,
1422 | 		Sofa = 0xF4B9,
1423 | 		Solid = 0xF68C,
1424 | 		Sort = 0xF4BA,
1425 | 		SortAlphabetical = 0xF4BB,
1426 | 		SortAscending = 0xF4BC,
1427 | 		SortDescending = 0xF4BD,
1428 | 		SortNumeric = 0xF4BE,
1429 | 		SortVariant = 0xF4BF,
1430 | 		Soundcloud = 0xF4C0,
1431 | 		SourceBranch = 0xF62C,
1432 | 		SourceFork = 0xF4C1,
1433 | 		SourceMerge = 0xF62D,
1434 | 		SourcePull = 0xF4C2,
1435 | 		Speaker = 0xF4C3,
1436 | 		SpeakerOff = 0xF4C4,
1437 | 		Speedometer = 0xF4C5,
1438 | 		Spellcheck = 0xF4C6,
1439 | 		Spotify = 0xF4C7,
1440 | 		Spotlight = 0xF4C8,
1441 | 		SpotlightBeam = 0xF4C9,
1442 | 		Spray = 0xF665,
1443 | 		SquareInc = 0xF4CA,
1444 | 		SquareIncCash = 0xF4CB,
1445 | 		Stackexchange = 0xF60B,
1446 | 		Stackoverflow = 0xF4CC,
1447 | 		Stairs = 0xF4CD,
1448 | 		Star = 0xF4CE,
1449 | 		StarCircle = 0xF4CF,
1450 | 		StarHalf = 0xF4D0,
1451 | 		StarOff = 0xF4D1,
1452 | 		StarOutline = 0xF4D2,
1453 | 		Steam = 0xF4D3,
1454 | 		Steering = 0xF4D4,
1455 | 		StepBackward = 0xF4D5,
1456 | 		StepBackward2 = 0xF4D6,
1457 | 		StepForward = 0xF4D7,
1458 | 		StepForward2 = 0xF4D8,
1459 | 		Stethoscope = 0xF4D9,
1460 | 		Sticker = 0xF5D0,
1461 | 		Stocking = 0xF4DA,
1462 | 		Stop = 0xF4DB,
1463 | 		StopCircle = 0xF666,
1464 | 		StopCircleOutline = 0xF667,
1465 | 		Store = 0xF4DC,
1466 | 		Store24Hour = 0xF4DD,
1467 | 		Stove = 0xF4DE,
1468 | 		SubdirectoryArrowLeft = 0xF60C,
1469 | 		SubdirectoryArrowRight = 0xF60D,
1470 | 		Subway = 0xF6AB,
1471 | 		SubwayVariant = 0xF4DF,
1472 | 		Sunglasses = 0xF4E0,
1473 | 		SurroundSound = 0xF5C5,
1474 | 		SwapHorizontal = 0xF4E1,
1475 | 		SwapVertical = 0xF4E2,
1476 | 		Swim = 0xF4E3,
1477 | 		Switch = 0xF4E4,
1478 | 		Sword = 0xF4E5,
1479 | 		Sync = 0xF4E6,
1480 | 		SyncAlert = 0xF4E7,
1481 | 		SyncOff = 0xF4E8,
1482 | 		Tab = 0xF4E9,
1483 | 		TabUnselected = 0xF4EA,
1484 | 		Table = 0xF4EB,
1485 | 		TableColumnPlusAfter = 0xF4EC,
1486 | 		TableColumnPlusBefore = 0xF4ED,
1487 | 		TableColumnRemove = 0xF4EE,
1488 | 		TableColumnWidth = 0xF4EF,
1489 | 		TableEdit = 0xF4F0,
1490 | 		TableLarge = 0xF4F1,
1491 | 		TableRowHeight = 0xF4F2,
1492 | 		TableRowPlusAfter = 0xF4F3,
1493 | 		TableRowPlusBefore = 0xF4F4,
1494 | 		TableRowRemove = 0xF4F5,
1495 | 		Tablet = 0xF4F6,
1496 | 		TabletAndroid = 0xF4F7,
1497 | 		TabletIpad = 0xF4F8,
1498 | 		Tag = 0xF4F9,
1499 | 		TagFaces = 0xF4FA,
1500 | 		TagHeart = 0xF68A,
1501 | 		TagMultiple = 0xF4FB,
1502 | 		TagOutline = 0xF4FC,
1503 | 		TagTextOutline = 0xF4FD,
1504 | 		Target = 0xF4FE,
1505 | 		Taxi = 0xF4FF,
1506 | 		Teamviewer = 0xF500,
1507 | 		Telegram = 0xF501,
1508 | 		Television = 0xF502,
1509 | 		TelevisionGuide = 0xF503,
1510 | 		TemperatureCelsius = 0xF504,
1511 | 		TemperatureFahrenheit = 0xF505,
1512 | 		TemperatureKelvin = 0xF506,
1513 | 		Tennis = 0xF507,
1514 | 		Tent = 0xF508,
1515 | 		Terrain = 0xF509,
1516 | 		TestTube = 0xF668,
1517 | 		TextShadow = 0xF669,
1518 | 		TextToSpeech = 0xF50A,
1519 | 		TextToSpeechOff = 0xF50B,
1520 | 		Textbox = 0xF60E,
1521 | 		Texture = 0xF50C,
1522 | 		Theater = 0xF50D,
1523 | 		ThemeLightDark = 0xF50E,
1524 | 		Thermometer = 0xF50F,
1525 | 		ThermometerLines = 0xF510,
1526 | 		ThumbDown = 0xF511,
1527 | 		ThumbDownOutline = 0xF512,
1528 | 		ThumbUp = 0xF513,
1529 | 		ThumbUpOutline = 0xF514,
1530 | 		ThumbsUpDown = 0xF515,
1531 | 		Ticket = 0xF516,
1532 | 		TicketAccount = 0xF517,
1533 | 		TicketConfirmation = 0xF518,
1534 | 		Tie = 0xF519,
1535 | 		Timelapse = 0xF51A,
1536 | 		Timer = 0xF51B,
1537 | 		Timer10 = 0xF51C,
1538 | 		Timer3 = 0xF51D,
1539 | 		TimerOff = 0xF51E,
1540 | 		TimerSand = 0xF51F,
1541 | 		TimerSandEmpty = 0xF6AC,
1542 | 		Timetable = 0xF520,
1543 | 		ToggleSwitch = 0xF521,
1544 | 		ToggleSwitchOff = 0xF522,
1545 | 		Tooltip = 0xF523,
1546 | 		TooltipEdit = 0xF524,
1547 | 		TooltipImage = 0xF525,
1548 | 		TooltipOutline = 0xF526,
1549 | 		TooltipOutlinePlus = 0xF527,
1550 | 		TooltipText = 0xF528,
1551 | 		Tooth = 0xF529,
1552 | 		Tor = 0xF52A,
1553 | 		TowerBeach = 0xF680,
1554 | 		TowerFire = 0xF681,
1555 | 		TrafficLight = 0xF52B,
1556 | 		Train = 0xF52C,
1557 | 		Tram = 0xF52D,
1558 | 		Transcribe = 0xF52E,
1559 | 		TranscribeClose = 0xF52F,
1560 | 		Transfer = 0xF530,
1561 | 		TransitTransfer = 0xF6AD,
1562 | 		Translate = 0xF5CA,
1563 | 		Tree = 0xF531,
1564 | 		Trello = 0xF532,
1565 | 		TrendingDown = 0xF533,
1566 | 		TrendingNeutral = 0xF534,
1567 | 		TrendingUp = 0xF535,
1568 | 		Triangle = 0xF536,
1569 | 		TriangleOutline = 0xF537,
1570 | 		Trophy = 0xF538,
1571 | 		TrophyAward = 0xF539,
1572 | 		TrophyOutline = 0xF53A,
1573 | 		TrophyVariant = 0xF53B,
1574 | 		TrophyVariantOutline = 0xF53C,
1575 | 		Truck = 0xF53D,
1576 | 		TruckDelivery = 0xF53E,
1577 | 		TshirtCrew = 0xF53F,
1578 | 		TshirtV = 0xF540,
1579 | 		Tumblr = 0xF541,
1580 | 		TumblrReblog = 0xF542,
1581 | 		Tune = 0xF62E,
1582 | 		TuneVertical = 0xF66A,
1583 | 		Twitch = 0xF543,
1584 | 		Twitter = 0xF544,
1585 | 		TwitterBox = 0xF545,
1586 | 		TwitterCircle = 0xF546,
1587 | 		TwitterRetweet = 0xF547,
1588 | 		Ubuntu = 0xF548,
1589 | 		Umbraco = 0xF549,
1590 | 		Umbrella = 0xF54A,
1591 | 		UmbrellaOutline = 0xF54B,
1592 | 		Undo = 0xF54C,
1593 | 		UndoVariant = 0xF54D,
1594 | 		UnfoldLess = 0xF54E,
1595 | 		UnfoldMore = 0xF54F,
1596 | 		Ungroup = 0xF550,
1597 | 		Unity = 0xF6AE,
1598 | 		Untappd = 0xF551,
1599 | 		Update = 0xF6AF,
1600 | 		Upload = 0xF552,
1601 | 		Usb = 0xF553,
1602 | 		VectorArrangeAbove = 0xF554,
1603 | 		VectorArrangeBelow = 0xF555,
1604 | 		VectorCircle = 0xF556,
1605 | 		VectorCircleVariant = 0xF557,
1606 | 		VectorCombine = 0xF558,
1607 | 		VectorCurve = 0xF559,
1608 | 		VectorDifference = 0xF55A,
1609 | 		VectorDifferenceAb = 0xF55B,
1610 | 		VectorDifferenceBa = 0xF55C,
1611 | 		VectorIntersection = 0xF55D,
1612 | 		VectorLine = 0xF55E,
1613 | 		VectorPoint = 0xF55F,
1614 | 		VectorPolygon = 0xF560,
1615 | 		VectorPolyline = 0xF561,
1616 | 		VectorRectangle = 0xF5C6,
1617 | 		VectorSelection = 0xF562,
1618 | 		VectorSquare = 0xF001,
1619 | 		VectorTriangle = 0xF563,
1620 | 		VectorUnion = 0xF564,
1621 | 		Verified = 0xF565,
1622 | 		Vibrate = 0xF566,
1623 | 		Video = 0xF567,
1624 | 		VideoOff = 0xF568,
1625 | 		VideoSwitch = 0xF569,
1626 | 		ViewAgenda = 0xF56A,
1627 | 		ViewArray = 0xF56B,
1628 | 		ViewCarousel = 0xF56C,
1629 | 		ViewColumn = 0xF56D,
1630 | 		ViewDashboard = 0xF56E,
1631 | 		ViewDay = 0xF56F,
1632 | 		ViewGrid = 0xF570,
1633 | 		ViewHeadline = 0xF571,
1634 | 		ViewList = 0xF572,
1635 | 		ViewModule = 0xF573,
1636 | 		ViewQuilt = 0xF574,
1637 | 		ViewStream = 0xF575,
1638 | 		ViewWeek = 0xF576,
1639 | 		Vimeo = 0xF577,
1640 | 		Vine = 0xF578,
1641 | 		Violin = 0xF60F,
1642 | 		Visualstudio = 0xF610,
1643 | 		Vk = 0xF579,
1644 | 		VkBox = 0xF57A,
1645 | 		VkCircle = 0xF57B,
1646 | 		Vlc = 0xF57C,
1647 | 		Voice = 0xF5CB,
1648 | 		Voicemail = 0xF57D,
1649 | 		VolumeHigh = 0xF57E,
1650 | 		VolumeLow = 0xF57F,
1651 | 		VolumeMedium = 0xF580,
1652 | 		VolumeOff = 0xF581,
1653 | 		Vpn = 0xF582,
1654 | 		Walk = 0xF583,
1655 | 		Wallet = 0xF584,
1656 | 		WalletGiftcard = 0xF585,
1657 | 		WalletMembership = 0xF586,
1658 | 		WalletTravel = 0xF587,
1659 | 		Wan = 0xF588,
1660 | 		Watch = 0xF589,
1661 | 		WatchExport = 0xF58A,
1662 | 		WatchImport = 0xF58B,
1663 | 		WatchVibrate = 0xF6B0,
1664 | 		Water = 0xF58C,
1665 | 		WaterOff = 0xF58D,
1666 | 		WaterPercent = 0xF58E,
1667 | 		WaterPump = 0xF58F,
1668 | 		Watermark = 0xF612,
1669 | 		WeatherCloudy = 0xF590,
1670 | 		WeatherFog = 0xF591,
1671 | 		WeatherHail = 0xF592,
1672 | 		WeatherLightning = 0xF593,
1673 | 		WeatherLightningRainy = 0xF67D,
1674 | 		WeatherNight = 0xF594,
1675 | 		WeatherPartlycloudy = 0xF595,
1676 | 		WeatherPouring = 0xF596,
1677 | 		WeatherRainy = 0xF597,
1678 | 		WeatherSnowy = 0xF598,
1679 | 		WeatherSnowyRainy = 0xF67E,
1680 | 		WeatherSunny = 0xF599,
1681 | 		WeatherSunset = 0xF59A,
1682 | 		WeatherSunsetDown = 0xF59B,
1683 | 		WeatherSunsetUp = 0xF59C,
1684 | 		WeatherWindy = 0xF59D,
1685 | 		WeatherWindyVariant = 0xF59E,
1686 | 		Web = 0xF59F,
1687 | 		Webcam = 0xF5A0,
1688 | 		Webhook = 0xF62F,
1689 | 		Wechat = 0xF611,
1690 | 		Weight = 0xF5A1,
1691 | 		WeightKilogram = 0xF5A2,
1692 | 		Whatsapp = 0xF5A3,
1693 | 		WheelchairAccessibility = 0xF5A4,
1694 | 		WhiteBalanceAuto = 0xF5A5,
1695 | 		WhiteBalanceIncandescent = 0xF5A6,
1696 | 		WhiteBalanceIridescent = 0xF5A7,
1697 | 		WhiteBalanceSunny = 0xF5A8,
1698 | 		Wifi = 0xF5A9,
1699 | 		WifiOff = 0xF5AA,
1700 | 		Wii = 0xF5AB,
1701 | 		Wikipedia = 0xF5AC,
1702 | 		WindowClose = 0xF5AD,
1703 | 		WindowClosed = 0xF5AE,
1704 | 		WindowMaximize = 0xF5AF,
1705 | 		WindowMinimize = 0xF5B0,
1706 | 		WindowOpen = 0xF5B1,
1707 | 		WindowRestore = 0xF5B2,
1708 | 		Windows = 0xF5B3,
1709 | 		Wordpress = 0xF5B4,
1710 | 		Worker = 0xF5B5,
1711 | 		Wrap = 0xF5B6,
1712 | 		Wrench = 0xF5B7,
1713 | 		Wunderlist = 0xF5B8,
1714 | 		Xaml = 0xF673,
1715 | 		Xbox = 0xF5B9,
1716 | 		XboxController = 0xF5BA,
1717 | 		XboxControllerOff = 0xF5BB,
1718 | 		Xda = 0xF5BC,
1719 | 		Xing = 0xF5BD,
1720 | 		XingBox = 0xF5BE,
1721 | 		XingCircle = 0xF5BF,
1722 | 		Xml = 0xF5C0,
1723 | 		Yeast = 0xF5C1,
1724 | 		Yelp = 0xF5C2,
1725 | 		YinYang = 0xF67F,
1726 | 		YoutubePlay = 0xF5C3,
1727 | 		ZipBox = 0xF5C4,
1728 | 		Blank = 0xF68C
1729 | 	}
1730 | }


--------------------------------------------------------------------------------
/Icons/MaterialIcon.ux:
--------------------------------------------------------------------------------
1 | <Material.IconBase ux:Class="Material.MaterialIcon" Size="24">
2 | 
3 | 	<!-- Icons based on https://materialdesignicons.com/ -->
4 | 
5 | </Material.IconBase>


--------------------------------------------------------------------------------
/Icons/materialdesignicons-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Duckers/Fuse.MaterialDesign/4fa4caca0152ecfae7c68fa3001a4a226fee7f6f/Icons/materialdesignicons-webfont.ttf


--------------------------------------------------------------------------------
/MainView.ux:
--------------------------------------------------------------------------------
 1 | <App>
 2 | 	<Material.DrawerPanel>
 3 | 		<Material.Drawer ux:Binding="Drawer" Edge="Left">
 4 | 			<Text Alignment="Center">Hello!</Text>
 5 | 		</Material.Drawer>
 6 | 			
 7 | 		<DockPanel>
 8 | 
 9 | 			<Material.AppBar Dock="Top">
10 | 				<Material.AppBarIcon Dock="Left" Icon="Menu" Clicked="{openDrawerPanel}" />
11 | 				<Material.AppBarIcon Dock="Right" Icon="DotsVertical" Clicked="{toggleMenu}" />
12 | 				<Material.AppBarIcon Dock="Right" Icon="AccountPlus"  />
13 | 			</Material.AppBar>
14 | 			
15 | 			<StackPanel Alignment="BottomRight">
16 | 				<Material.MiniActionButton Icon="Plus" />
17 | 				<Material.ActionButton Icon="AccountPlus" />
18 | 			</StackPanel>
19 | 
20 | 		</DockPanel>
21 | 	</Material.DrawerPanel>
22 | </App>
23 | 
24 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Fuse.MaterialDesign
 2 | 
 3 | This is an open source community effort to implement a component library that conforms to the Material Design guidelines (https://material.google.com/).
 4 | 
 5 | The project is implemented entirely in Fuse UX Markup (with a few Uno extensions).
 6 | 
 7 | > This project is brand new and not yet ready to be used in production, but contributions are welcome!
 8 | 
 9 | >  Minimum required Fuse version is 0.36
10 | 
11 | ## License
12 | 
13 | The code published here is under the MIT License.
14 | 
15 | Icons are based on https://materialdesignicons.com/. See that website for license.
16 | 


--------------------------------------------------------------------------------
/Style/AnimationConfig.ux:
--------------------------------------------------------------------------------
 1 | <WhileTrue ux:Class="Material.AnimationConfig" Value="true">
 2 | 
 3 | 	<!-- https://material.google.com/motion/duration-easing.html#duration-easing-common-durations -->
 4 | 	<float ux:Global="Material.ComplexDuration" ux:Value="0.375" />
 5 | 	<float ux:Global="Material.EnteringDuration" ux:Value="0.225" />
 6 | 	<float ux:Global="Material.ExitingDuration" ux:Value="0.195" />
 7 | 
 8 | 	<Material.WhileTablet>
 9 | 		<float ux:Key="Material.ComplexDuration" ux:Value="0.4875" />
10 | 		<float ux:Key="Material.EnteringDuration" ux:Value="0.2925" />
11 | 		<float ux:Key="Material.ExitingDuration" ux:Value="0.2535" />
12 | 	</Material.WhileTablet>
13 | 
14 | 	<Material.WhileWearable>
15 | 		<float ux:Key="Material.ComplexDuration" ux:Value="0.2625" />
16 | 		<float ux:Key="Material.EnteringDuration" ux:Value="0.1575" />
17 | 		<float ux:Key="Material.ExitingDuration" ux:Value="0.1365" />
18 | 	</Material.WhileWearable>
19 | 
20 | 	<!-- https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves -->
21 | 	<CubicBezierEasing ux:Global="Material.StandardCurve" ControlPoints="0.4, 0.0, 0.2, 1.0" />
22 | 	<CubicBezierEasing ux:Global="Material.DecelerationCurve" ControlPoints="0.0, 0.0, 0.2, 1.0" />
23 | 	<CubicBezierEasing ux:Global="Material.AccelerationCurve" ControlPoints="0.4, 0.0, 1.0, 1.0" />
24 | 	<CubicBezierEasing ux:Global="Material.SharpCurve" ControlPoints="0.4, 0.0, 0.6, 1.0" />
25 | 
26 | 	<!-- https://material.google.com/motion/movement.html#movement-movement-within-screen-bounds -->
27 | 	<!--
28 | 		This is how you would implement a "popup move":
29 | 		<Move Duration="{Resource Material.EnteringDuration}" 
30 | 			DurationBack="{Resource Material.ExitingDuration}"
31 | 			Easing="Material.DecelerationCurve"
32 | 			EasingBack="Material.AccelerationCurve" />
33 | 	-->
34 | 
35 | </WhileTrue>


--------------------------------------------------------------------------------
/Style/CircleFill.uno:
--------------------------------------------------------------------------------
 1 | using Uno;
 2 | using Uno.UX;
 3 | using Uno.Graphics;
 4 | 
 5 | using Fuse.Drawing;
 6 | using Fuse.Internal;
 7 | using Fuse.Elements;
 8 | using Fuse.Resources;
 9 | 
10 | namespace Material
11 | {
12 | 	public class CircleFill : DynamicBrush
13 | 	{
14 | 		static Selector _colorName = "Color";
15 | 		float4 _color = float4(1);
16 | 		[UXOriginSetter("SetColor")]
17 | 		public float4 Color
18 | 		{
19 | 			get { return _color; }
20 | 			set { SetColor(value, null); }
21 | 		}
22 | 
23 | 		public void SetColor(float4 value, IPropertyListener origin)
24 | 		{
25 | 			if (_color != value)
26 | 			{
27 | 				_color = value;
28 | 				OnPropertyChanged(_colorName, origin);
29 | 			}
30 | 		}
31 | 
32 | 		static Selector _centerName = "Center";
33 | 		float2 _center;
34 | 		public float2 CircleCenter
35 | 		{
36 | 			get { return _center; }
37 | 			set
38 | 			{
39 | 				if (_center != value)
40 | 				{
41 | 					_center = value;
42 | 					OnPropertyChanged(_centerName);
43 | 				}
44 | 			}
45 | 		}
46 | 
47 | 		static Selector _radiusName = "Radius";
48 | 		float _radius = 10;
49 | 		public float Radius
50 | 		{
51 | 			get { return _radius; }
52 | 			set
53 | 			{
54 | 				if (_radius != value)
55 | 				{
56 | 					_radius = value;
57 | 					OnPropertyChanged(_radiusName);
58 | 				}
59 | 			}
60 | 		}
61 | 
62 | 		//translate to/from element position to get the correct UV coordinates based on _container.Sizing
63 | 		float2 ElementPosition: req(TexCoord as float2)
64 | 			CanvasSize * TexCoord;
65 | 		float Alpha: Color.W *  Math.Clamp(Radius - Vector.Distance(pixel ElementPosition, CircleCenter), 0, 1);
66 | 		FinalColor : float4(Color.XYZ*Alpha, Alpha);
67 | 	}
68 | }


--------------------------------------------------------------------------------
/Style/ColorPalette.ux:
--------------------------------------------------------------------------------
  1 | <Panel ux:Class="Material.ColorPalette">
  2 | 	<!-- https://material.google.com/style/color.html#color-color-palette -->
  3 | 	<float4 ux:Global="Material.Amber" ux:Value="#FFC107" />
  4 | 	<float4 ux:Global="Material.Amber100" ux:Value="#FFECB3" />
  5 | 	<float4 ux:Global="Material.Amber200" ux:Value="#FFE082" />
  6 | 	<float4 ux:Global="Material.Amber300" ux:Value="#FFD54F" />
  7 | 	<float4 ux:Global="Material.Amber400" ux:Value="#FFCA28" />
  8 | 	<float4 ux:Global="Material.Amber50" ux:Value="#FFF8E1" />
  9 | 	<float4 ux:Global="Material.Amber500" ux:Value="#FFC107" />
 10 | 	<float4 ux:Global="Material.Amber600" ux:Value="#FFB300" />
 11 | 	<float4 ux:Global="Material.Amber700" ux:Value="#FFA000" />
 12 | 	<float4 ux:Global="Material.Amber800" ux:Value="#FF8F00" />
 13 | 	<float4 ux:Global="Material.Amber900" ux:Value="#FF6F00" />
 14 | 	<float4 ux:Global="Material.AmberA100" ux:Value="#FFE57F" />
 15 | 	<float4 ux:Global="Material.AmberA200" ux:Value="#FFD740" />
 16 | 	<float4 ux:Global="Material.AmberA400" ux:Value="#FFC400" />
 17 | 	<float4 ux:Global="Material.AmberA700" ux:Value="#FFAB00" />
 18 | 	<float4 ux:Global="Material.Black" ux:Value="#000000" />
 19 | 	<float4 ux:Global="Material.Blue" ux:Value="#2196F3" />
 20 | 	<float4 ux:Global="Material.Blue100" ux:Value="#BBDEFB" />
 21 | 	<float4 ux:Global="Material.Blue200" ux:Value="#90CAF9" />
 22 | 	<float4 ux:Global="Material.Blue300" ux:Value="#64B5F6" />
 23 | 	<float4 ux:Global="Material.Blue400" ux:Value="#42A5F5" />
 24 | 	<float4 ux:Global="Material.Blue50" ux:Value="#E3F2FD" />
 25 | 	<float4 ux:Global="Material.Blue500" ux:Value="#2196F3" />
 26 | 	<float4 ux:Global="Material.Blue600" ux:Value="#1E88E5" />
 27 | 	<float4 ux:Global="Material.Blue700" ux:Value="#1976D2" />
 28 | 	<float4 ux:Global="Material.Blue800" ux:Value="#1565C0" />
 29 | 	<float4 ux:Global="Material.Blue900" ux:Value="#0D47A1" />
 30 | 	<float4 ux:Global="Material.BlueA100" ux:Value="#82B1FF" />
 31 | 	<float4 ux:Global="Material.BlueA200" ux:Value="#448AFF" />
 32 | 	<float4 ux:Global="Material.BlueA400" ux:Value="#2979FF" />
 33 | 	<float4 ux:Global="Material.BlueA700" ux:Value="#2962FF" />
 34 | 	<float4 ux:Global="Material.BlueGrey" ux:Value="#607D8B" />
 35 | 	<float4 ux:Global="Material.BlueGrey100" ux:Value="#CFD8DC" />
 36 | 	<float4 ux:Global="Material.BlueGrey200" ux:Value="#B0BEC5" />
 37 | 	<float4 ux:Global="Material.BlueGrey300" ux:Value="#90A4AE" />
 38 | 	<float4 ux:Global="Material.BlueGrey400" ux:Value="#78909C" />
 39 | 	<float4 ux:Global="Material.BlueGrey50" ux:Value="#ECEFF1" />
 40 | 	<float4 ux:Global="Material.BlueGrey500" ux:Value="#607D8B" />
 41 | 	<float4 ux:Global="Material.BlueGrey600" ux:Value="#546E7A" />
 42 | 	<float4 ux:Global="Material.BlueGrey700" ux:Value="#455A64" />
 43 | 	<float4 ux:Global="Material.BlueGrey800" ux:Value="#37474F" />
 44 | 	<float4 ux:Global="Material.BlueGrey900" ux:Value="#263238" />
 45 | 	<float4 ux:Global="Material.Brown" ux:Value="#795548" />
 46 | 	<float4 ux:Global="Material.Brown100" ux:Value="#D7CCC8" />
 47 | 	<float4 ux:Global="Material.Brown200" ux:Value="#BCAAA4" />
 48 | 	<float4 ux:Global="Material.Brown300" ux:Value="#A1887F" />
 49 | 	<float4 ux:Global="Material.Brown400" ux:Value="#8D6E63" />
 50 | 	<float4 ux:Global="Material.Brown50" ux:Value="#EFEBE9" />
 51 | 	<float4 ux:Global="Material.Brown500" ux:Value="#795548" />
 52 | 	<float4 ux:Global="Material.Brown600" ux:Value="#6D4C41" />
 53 | 	<float4 ux:Global="Material.Brown700" ux:Value="#5D4037" />
 54 | 	<float4 ux:Global="Material.Brown800" ux:Value="#4E342E" />
 55 | 	<float4 ux:Global="Material.Brown900" ux:Value="#3E2723" />
 56 | 	<float4 ux:Global="Material.Cyan" ux:Value="#00BCD4" />
 57 | 	<float4 ux:Global="Material.Cyan100" ux:Value="#B2EBF2" />
 58 | 	<float4 ux:Global="Material.Cyan200" ux:Value="#80DEEA" />
 59 | 	<float4 ux:Global="Material.Cyan300" ux:Value="#4DD0E1" />
 60 | 	<float4 ux:Global="Material.Cyan400" ux:Value="#26C6DA" />
 61 | 	<float4 ux:Global="Material.Cyan50" ux:Value="#E0F7FA" />
 62 | 	<float4 ux:Global="Material.Cyan500" ux:Value="#00BCD4" />
 63 | 	<float4 ux:Global="Material.Cyan600" ux:Value="#00ACC1" />
 64 | 	<float4 ux:Global="Material.Cyan700" ux:Value="#0097A7" />
 65 | 	<float4 ux:Global="Material.Cyan800" ux:Value="#00838F" />
 66 | 	<float4 ux:Global="Material.Cyan900" ux:Value="#006064" />
 67 | 	<float4 ux:Global="Material.CyanA100" ux:Value="#84FFFF" />
 68 | 	<float4 ux:Global="Material.CyanA200" ux:Value="#18FFFF" />
 69 | 	<float4 ux:Global="Material.CyanA400" ux:Value="#00E5FF" />
 70 | 	<float4 ux:Global="Material.CyanA700" ux:Value="#00B8D4" />
 71 | 	<float4 ux:Global="Material.DeepOrange" ux:Value="#FF5722" />
 72 | 	<float4 ux:Global="Material.DeepOrange100" ux:Value="#FFCCBC" />
 73 | 	<float4 ux:Global="Material.DeepOrange200" ux:Value="#FFAB91" />
 74 | 	<float4 ux:Global="Material.DeepOrange300" ux:Value="#FF8A65" />
 75 | 	<float4 ux:Global="Material.DeepOrange400" ux:Value="#FF7043" />
 76 | 	<float4 ux:Global="Material.DeepOrange50" ux:Value="#FBE9E7" />
 77 | 	<float4 ux:Global="Material.DeepOrange500" ux:Value="#FF5722" />
 78 | 	<float4 ux:Global="Material.DeepOrange600" ux:Value="#F4511E" />
 79 | 	<float4 ux:Global="Material.DeepOrange700" ux:Value="#E64A19" />
 80 | 	<float4 ux:Global="Material.DeepOrange800" ux:Value="#D84315" />
 81 | 	<float4 ux:Global="Material.DeepOrange900" ux:Value="#BF360C" />
 82 | 	<float4 ux:Global="Material.DeepOrangeA100" ux:Value="#FF9E80" />
 83 | 	<float4 ux:Global="Material.DeepOrangeA200" ux:Value="#FF6E40" />
 84 | 	<float4 ux:Global="Material.DeepOrangeA400" ux:Value="#FF3D00" />
 85 | 	<float4 ux:Global="Material.DeepOrangeA700" ux:Value="#DD2C00" />
 86 | 	<float4 ux:Global="Material.DeepPurple" ux:Value="#673AB7" />
 87 | 	<float4 ux:Global="Material.DeepPurple100" ux:Value="#D1C4E9" />
 88 | 	<float4 ux:Global="Material.DeepPurple200" ux:Value="#B39DDB" />
 89 | 	<float4 ux:Global="Material.DeepPurple300" ux:Value="#9575CD" />
 90 | 	<float4 ux:Global="Material.DeepPurple400" ux:Value="#7E57C2" />
 91 | 	<float4 ux:Global="Material.DeepPurple50" ux:Value="#EDE7F6" />
 92 | 	<float4 ux:Global="Material.DeepPurple500" ux:Value="#673AB7" />
 93 | 	<float4 ux:Global="Material.DeepPurple600" ux:Value="#5E35B1" />
 94 | 	<float4 ux:Global="Material.DeepPurple700" ux:Value="#512DA8" />
 95 | 	<float4 ux:Global="Material.DeepPurple800" ux:Value="#4527A0" />
 96 | 	<float4 ux:Global="Material.DeepPurple900" ux:Value="#311B92" />
 97 | 	<float4 ux:Global="Material.DeepPurpleA100" ux:Value="#B388FF" />
 98 | 	<float4 ux:Global="Material.DeepPurpleA200" ux:Value="#7C4DFF" />
 99 | 	<float4 ux:Global="Material.DeepPurpleA400" ux:Value="#651FFF" />
100 | 	<float4 ux:Global="Material.DeepPurpleA700" ux:Value="#6200EA" />
101 | 	<float4 ux:Global="Material.Green" ux:Value="#4CAF50" />
102 | 	<float4 ux:Global="Material.Green100" ux:Value="#C8E6C9" />
103 | 	<float4 ux:Global="Material.Green200" ux:Value="#A5D6A7" />
104 | 	<float4 ux:Global="Material.Green300" ux:Value="#81C784" />
105 | 	<float4 ux:Global="Material.Green400" ux:Value="#66BB6A" />
106 | 	<float4 ux:Global="Material.Green50" ux:Value="#E8F5E9" />
107 | 	<float4 ux:Global="Material.Green500" ux:Value="#4CAF50" />
108 | 	<float4 ux:Global="Material.Green600" ux:Value="#43A047" />
109 | 	<float4 ux:Global="Material.Green700" ux:Value="#388E3C" />
110 | 	<float4 ux:Global="Material.Green800" ux:Value="#2E7D32" />
111 | 	<float4 ux:Global="Material.Green900" ux:Value="#1B5E20" />
112 | 	<float4 ux:Global="Material.GreenA100" ux:Value="#B9F6CA" />
113 | 	<float4 ux:Global="Material.GreenA200" ux:Value="#69F0AE" />
114 | 	<float4 ux:Global="Material.GreenA400" ux:Value="#00E676" />
115 | 	<float4 ux:Global="Material.GreenA700" ux:Value="#00C853" />
116 | 	<float4 ux:Global="Material.Grey" ux:Value="#9E9E9E" />
117 | 	<float4 ux:Global="Material.Grey100" ux:Value="#F5F5F5" />
118 | 	<float4 ux:Global="Material.Grey200" ux:Value="#EEEEEE" />
119 | 	<float4 ux:Global="Material.Grey300" ux:Value="#E0E0E0" />
120 | 	<float4 ux:Global="Material.Grey400" ux:Value="#BDBDBD" />
121 | 	<float4 ux:Global="Material.Grey50" ux:Value="#FAFAFA" />
122 | 	<float4 ux:Global="Material.Grey500" ux:Value="#9E9E9E" />
123 | 	<float4 ux:Global="Material.Grey600" ux:Value="#757575" />
124 | 	<float4 ux:Global="Material.Grey700" ux:Value="#616161" />
125 | 	<float4 ux:Global="Material.Grey800" ux:Value="#424242" />
126 | 	<float4 ux:Global="Material.Grey900" ux:Value="#212121" />
127 | 	<float4 ux:Global="Material.Indigo" ux:Value="#3F51B5" />
128 | 	<float4 ux:Global="Material.Indigo100" ux:Value="#C5CAE9" />
129 | 	<float4 ux:Global="Material.Indigo200" ux:Value="#9FA8DA" />
130 | 	<float4 ux:Global="Material.Indigo300" ux:Value="#7986CB" />
131 | 	<float4 ux:Global="Material.Indigo400" ux:Value="#5C6BC0" />
132 | 	<float4 ux:Global="Material.Indigo50" ux:Value="#E8EAF6" />
133 | 	<float4 ux:Global="Material.Indigo500" ux:Value="#3F51B5" />
134 | 	<float4 ux:Global="Material.Indigo600" ux:Value="#3949AB" />
135 | 	<float4 ux:Global="Material.Indigo700" ux:Value="#303F9F" />
136 | 	<float4 ux:Global="Material.Indigo800" ux:Value="#283593" />
137 | 	<float4 ux:Global="Material.Indigo900" ux:Value="#1A237E" />
138 | 	<float4 ux:Global="Material.IndigoA100" ux:Value="#8C9EFF" />
139 | 	<float4 ux:Global="Material.IndigoA200" ux:Value="#536DFE" />
140 | 	<float4 ux:Global="Material.IndigoA400" ux:Value="#3D5AFE" />
141 | 	<float4 ux:Global="Material.IndigoA700" ux:Value="#304FFE" />
142 | 	<float4 ux:Global="Material.LightBlue" ux:Value="#03A9F4" />
143 | 	<float4 ux:Global="Material.LightBlue100" ux:Value="#B3E5FC" />
144 | 	<float4 ux:Global="Material.LightBlue200" ux:Value="#81D4FA" />
145 | 	<float4 ux:Global="Material.LightBlue300" ux:Value="#4FC3F7" />
146 | 	<float4 ux:Global="Material.LightBlue400" ux:Value="#29B6F6" />
147 | 	<float4 ux:Global="Material.LightBlue50" ux:Value="#E1F5FE" />
148 | 	<float4 ux:Global="Material.LightBlue500" ux:Value="#03A9F4" />
149 | 	<float4 ux:Global="Material.LightBlue600" ux:Value="#039BE5" />
150 | 	<float4 ux:Global="Material.LightBlue700" ux:Value="#0288D1" />
151 | 	<float4 ux:Global="Material.LightBlue800" ux:Value="#0277BD" />
152 | 	<float4 ux:Global="Material.LightBlue900" ux:Value="#01579B" />
153 | 	<float4 ux:Global="Material.LightBlueA100" ux:Value="#80D8FF" />
154 | 	<float4 ux:Global="Material.LightBlueA200" ux:Value="#40C4FF" />
155 | 	<float4 ux:Global="Material.LightBlueA400" ux:Value="#00B0FF" />
156 | 	<float4 ux:Global="Material.LightBlueA700" ux:Value="#0091EA" />
157 | 	<float4 ux:Global="Material.LightGreen" ux:Value="#8BC34A" />
158 | 	<float4 ux:Global="Material.LightGreen100" ux:Value="#DCEDC8" />
159 | 	<float4 ux:Global="Material.LightGreen200" ux:Value="#C5E1A5" />
160 | 	<float4 ux:Global="Material.LightGreen300" ux:Value="#AED581" />
161 | 	<float4 ux:Global="Material.LightGreen400" ux:Value="#9CCC65" />
162 | 	<float4 ux:Global="Material.LightGreen50" ux:Value="#F1F8E9" />
163 | 	<float4 ux:Global="Material.LightGreen500" ux:Value="#8BC34A" />
164 | 	<float4 ux:Global="Material.LightGreen600" ux:Value="#7CB342" />
165 | 	<float4 ux:Global="Material.LightGreen700" ux:Value="#689F38" />
166 | 	<float4 ux:Global="Material.LightGreen800" ux:Value="#558B2F" />
167 | 	<float4 ux:Global="Material.LightGreen900" ux:Value="#33691E" />
168 | 	<float4 ux:Global="Material.LightGreenA100" ux:Value="#CCFF90" />
169 | 	<float4 ux:Global="Material.LightGreenA200" ux:Value="#B2FF59" />
170 | 	<float4 ux:Global="Material.LightGreenA400" ux:Value="#76FF03" />
171 | 	<float4 ux:Global="Material.LightGreenA700" ux:Value="#64DD17" />
172 | 	<float4 ux:Global="Material.Lime" ux:Value="#CDDC39" />
173 | 	<float4 ux:Global="Material.Lime100" ux:Value="#F0F4C3" />
174 | 	<float4 ux:Global="Material.Lime200" ux:Value="#E6EE9C" />
175 | 	<float4 ux:Global="Material.Lime300" ux:Value="#DCE775" />
176 | 	<float4 ux:Global="Material.Lime400" ux:Value="#D4E157" />
177 | 	<float4 ux:Global="Material.Lime50" ux:Value="#F9FBE7" />
178 | 	<float4 ux:Global="Material.Lime500" ux:Value="#CDDC39" />
179 | 	<float4 ux:Global="Material.Lime600" ux:Value="#C0CA33" />
180 | 	<float4 ux:Global="Material.Lime700" ux:Value="#AFB42B" />
181 | 	<float4 ux:Global="Material.Lime800" ux:Value="#9E9D24" />
182 | 	<float4 ux:Global="Material.Lime900" ux:Value="#827717" />
183 | 	<float4 ux:Global="Material.LimeA100" ux:Value="#F4FF81" />
184 | 	<float4 ux:Global="Material.LimeA200" ux:Value="#EEFF41" />
185 | 	<float4 ux:Global="Material.LimeA400" ux:Value="#C6FF00" />
186 | 	<float4 ux:Global="Material.LimeA700" ux:Value="#AEEA00" />
187 | 	<float4 ux:Global="Material.Orange" ux:Value="#FF9800" />
188 | 	<float4 ux:Global="Material.Orange100" ux:Value="#FFE0B2" />
189 | 	<float4 ux:Global="Material.Orange200" ux:Value="#FFCC80" />
190 | 	<float4 ux:Global="Material.Orange300" ux:Value="#FFB74D" />
191 | 	<float4 ux:Global="Material.Orange400" ux:Value="#FFA726" />
192 | 	<float4 ux:Global="Material.Orange50" ux:Value="#FFF3E0" />
193 | 	<float4 ux:Global="Material.Orange500" ux:Value="#FF9800" />
194 | 	<float4 ux:Global="Material.Orange600" ux:Value="#FB8C00" />
195 | 	<float4 ux:Global="Material.Orange700" ux:Value="#F57C00" />
196 | 	<float4 ux:Global="Material.Orange800" ux:Value="#EF6C00" />
197 | 	<float4 ux:Global="Material.Orange900" ux:Value="#E65100" />
198 | 	<float4 ux:Global="Material.OrangeA100" ux:Value="#FFD180" />
199 | 	<float4 ux:Global="Material.OrangeA200" ux:Value="#FFAB40" />
200 | 	<float4 ux:Global="Material.OrangeA400" ux:Value="#FF9100" />
201 | 	<float4 ux:Global="Material.OrangeA700" ux:Value="#FF6D00" />
202 | 	<float4 ux:Global="Material.Pink" ux:Value="#E91E63" />
203 | 	<float4 ux:Global="Material.Pink100" ux:Value="#F8BBD0" />
204 | 	<float4 ux:Global="Material.Pink200" ux:Value="#F48FB1" />
205 | 	<float4 ux:Global="Material.Pink300" ux:Value="#F06292" />
206 | 	<float4 ux:Global="Material.Pink400" ux:Value="#EC407A" />
207 | 	<float4 ux:Global="Material.Pink50" ux:Value="#FCE4EC" />
208 | 	<float4 ux:Global="Material.Pink500" ux:Value="#E91E63" />
209 | 	<float4 ux:Global="Material.Pink600" ux:Value="#D81B60" />
210 | 	<float4 ux:Global="Material.Pink700" ux:Value="#C2185B" />
211 | 	<float4 ux:Global="Material.Pink800" ux:Value="#AD1457" />
212 | 	<float4 ux:Global="Material.Pink900" ux:Value="#880E4F" />
213 | 	<float4 ux:Global="Material.PinkA100" ux:Value="#FF80AB" />
214 | 	<float4 ux:Global="Material.PinkA200" ux:Value="#FF4081" />
215 | 	<float4 ux:Global="Material.PinkA400" ux:Value="#F50057" />
216 | 	<float4 ux:Global="Material.PinkA700" ux:Value="#C51162" />
217 | 	<float4 ux:Global="Material.Purple" ux:Value="#9C27B0" />
218 | 	<float4 ux:Global="Material.Purple100" ux:Value="#E1BEE7" />
219 | 	<float4 ux:Global="Material.Purple200" ux:Value="#CE93D8" />
220 | 	<float4 ux:Global="Material.Purple300" ux:Value="#BA68C8" />
221 | 	<float4 ux:Global="Material.Purple400" ux:Value="#AB47BC" />
222 | 	<float4 ux:Global="Material.Purple50" ux:Value="#F3E5F5" />
223 | 	<float4 ux:Global="Material.Purple500" ux:Value="#9C27B0" />
224 | 	<float4 ux:Global="Material.Purple600" ux:Value="#8E24AA" />
225 | 	<float4 ux:Global="Material.Purple700" ux:Value="#7B1FA2" />
226 | 	<float4 ux:Global="Material.Purple800" ux:Value="#6A1B9A" />
227 | 	<float4 ux:Global="Material.Purple900" ux:Value="#4A148C" />
228 | 	<float4 ux:Global="Material.PurpleA100" ux:Value="#EA80FC" />
229 | 	<float4 ux:Global="Material.PurpleA200" ux:Value="#E040FB" />
230 | 	<float4 ux:Global="Material.PurpleA400" ux:Value="#D500F9" />
231 | 	<float4 ux:Global="Material.PurpleA700" ux:Value="#AA00FF" />
232 | 	<float4 ux:Global="Material.Red" ux:Value="#F44336" />
233 | 	<float4 ux:Global="Material.Red100" ux:Value="#FFCDD2" />
234 | 	<float4 ux:Global="Material.Red200" ux:Value="#EF9A9A" />
235 | 	<float4 ux:Global="Material.Red300" ux:Value="#E57373" />
236 | 	<float4 ux:Global="Material.Red400" ux:Value="#EF5350" />
237 | 	<float4 ux:Global="Material.Red50" ux:Value="#FFEBEE" />
238 | 	<float4 ux:Global="Material.Red500" ux:Value="#000000" />
239 | 	<float4 ux:Global="Material.Red600" ux:Value="#E53935" />
240 | 	<float4 ux:Global="Material.Red700" ux:Value="#D32F2F" />
241 | 	<float4 ux:Global="Material.Red800" ux:Value="#C62828" />
242 | 	<float4 ux:Global="Material.Red900" ux:Value="#B71C1C" />
243 | 	<float4 ux:Global="Material.RedA100" ux:Value="#FF8A80" />
244 | 	<float4 ux:Global="Material.RedA200" ux:Value="#FF5252" />
245 | 	<float4 ux:Global="Material.RedA400" ux:Value="#FF1744" />
246 | 	<float4 ux:Global="Material.RedA700" ux:Value="#D50000" />
247 | 	<float4 ux:Global="Material.Teal" ux:Value="#009688" />
248 | 	<float4 ux:Global="Material.Teal100" ux:Value="#B2DFDB" />
249 | 	<float4 ux:Global="Material.Teal200" ux:Value="#80CBC4" />
250 | 	<float4 ux:Global="Material.Teal300" ux:Value="#4DB6AC" />
251 | 	<float4 ux:Global="Material.Teal400" ux:Value="#26A69A" />
252 | 	<float4 ux:Global="Material.Teal50" ux:Value="#E0F2F1" />
253 | 	<float4 ux:Global="Material.Teal500" ux:Value="#009688" />
254 | 	<float4 ux:Global="Material.Teal600" ux:Value="#00897B" />
255 | 	<float4 ux:Global="Material.Teal700" ux:Value="#00796B" />
256 | 	<float4 ux:Global="Material.Teal800" ux:Value="#00695C" />
257 | 	<float4 ux:Global="Material.Teal900" ux:Value="#004D40" />
258 | 	<float4 ux:Global="Material.TealA100" ux:Value="#A7FFEB" />
259 | 	<float4 ux:Global="Material.TealA200" ux:Value="#64FFDA" />
260 | 	<float4 ux:Global="Material.TealA400" ux:Value="#1DE9B6" />
261 | 	<float4 ux:Global="Material.TealA700" ux:Value="#00BFA5" />
262 | 	<float4 ux:Global="Material.White" ux:Value="#FFFFFF" />
263 | 	<float4 ux:Global="Material.Yellow" ux:Value="#FFEB3B" />
264 | 	<float4 ux:Global="Material.Yellow100" ux:Value="#FFF9C4" />
265 | 	<float4 ux:Global="Material.Yellow200" ux:Value="#FFF59D" />
266 | 	<float4 ux:Global="Material.Yellow300" ux:Value="#FFF176" />
267 | 	<float4 ux:Global="Material.Yellow400" ux:Value="#FFEE58" />
268 | 	<float4 ux:Global="Material.Yellow50" ux:Value="#FFFDE7" />
269 | 	<float4 ux:Global="Material.Yellow500" ux:Value="#FFEB3B" />
270 | 	<float4 ux:Global="Material.Yellow600" ux:Value="#FDD835" />
271 | 	<float4 ux:Global="Material.Yellow700" ux:Value="#FBC02D" />
272 | 	<float4 ux:Global="Material.Yellow800" ux:Value="#F9A825" />
273 | 	<float4 ux:Global="Material.Yellow900" ux:Value="#F57F17" />
274 | 	<float4 ux:Global="Material.YellowA100" ux:Value="#FFFF8D" />
275 | 	<float4 ux:Global="Material.YellowA200" ux:Value="#FFFF00" />
276 | 	<float4 ux:Global="Material.YellowA400" ux:Value="#FFEA00" />
277 | 	<float4 ux:Global="Material.YellowA700" ux:Value="#FFD600" />
278 | </Panel>
279 | 


--------------------------------------------------------------------------------
/Style/ColorScheme.ux:
--------------------------------------------------------------------------------
 1 | <Panel ux:Class="Material.ColorScheme">
 2 | 	<!-- https://material.google.com/style/color.html#color-text-background-colors -->
 3 | 	<float4 ux:Global="Material.DarkPrimaryTextColor" ux:Value="#000000DE" />
 4 | 	<float4 ux:Global="Material.DarkSecondaryTextColor" ux:Value="#0000008A" />
 5 | 	<float4 ux:Global="Material.DarkDisabledTextColor" ux:Value="#00000061" />
 6 | 	<float4 ux:Global="Material.DarkHintTextColor" ux:Value="#00000061" />
 7 | 
 8 | 	<float4 ux:Global="Material.WhitePrimaryTextColor" ux:Value="#FFFFFFFF" />
 9 | 	<float4 ux:Global="Material.WhiteSecondaryTextColor" ux:Value="#FFFFFF83" />
10 | 	<float4 ux:Global="Material.WhiteDisabledTextColor" ux:Value="#FFFFFF80" />
11 | 	<float4 ux:Global="Material.WhiteHintTextColor" ux:Value="#FFFFFF80" />
12 | 
13 | 	<!-- https://material.google.com/style/icons.html -->
14 | 	<float4 ux:Global="Material.DarkActiveIconColor" ux:Value="0,0,0,0.54" />
15 | 	<float4 ux:Global="Material.DarkInactiveIconColor" ux:Value="0,0,0,0.26" />
16 | 	<float4 ux:Global="Material.LightActiveIconColor" ux:Value="1,1,1,1.0" />
17 | 	<float4 ux:Global="Material.LightInactiveIconColor" ux:Value="1,1,1,0.3" />
18 | 
19 | </Panel>
20 | 


--------------------------------------------------------------------------------
/Style/ColorThemes.ux:
--------------------------------------------------------------------------------
 1 | <Panel ux:Class="Material.ColorThemes">
 2 | 
 3 | 	<!-- The default theme and color scheme -->
 4 | 
 5 | 	<float4 ux:Global="Material.PrimaryColor" ux:Value="Material.Indigo500" />
 6 | 	<float4 ux:Global="Material.PrimaryColorDark" ux:Value="Material.Indigo700" />
 7 | 	<float4 ux:Global="Material.PrimaryColorLight" ux:Value="Material.Indigo100" />
 8 | 	<float4 ux:Global="Material.AccentColor" ux:Value="Material.PinkA200" />
 9 | 	<float4 ux:Global="Material.AccentColorDark" ux:Value="Material.PinkA400" />
10 | 	<float4 ux:Global="Material.AccentColorLight" ux:Value="Material.PinkA100" />
11 | 	<float4 ux:Global="Material.PrimaryTextColor" ux:Value="Material.DarkPrimaryTextColor" />
12 | 	<float4 ux:Global="Material.SecondaryTextColor" ux:Value="Material.DarkSecondaryTextColor" />
13 | 	<float4 ux:Global="Material.DisabledTextColor" ux:Value="Material.DarkDisabledTextColor" />
14 | 	<float4 ux:Global="Material.HintTextColor" ux:Value="Material.DarkHintTextColor" />
15 | 	<float4 ux:Global="Material.BackgroundColor" ux:Value="Material.Grey50" />
16 | 	<float4 ux:Global="Material.CardColor" ux:Value="Material.White" />
17 | 	<float4 ux:Global="Material.DialogColor" ux:Value="Material.White" />
18 | 	<float4 ux:Global="Material.AppBarIconColor" ux:Value="Material.White" />
19 | 	<float4 ux:Global="Material.AccentIconColor" ux:Value="Material.White" />
20 | 	<float4 ux:Global="Material.PrimaryIconColor" ux:Value="Material.DarkActiveIconColor" />
21 | 
22 | 	<!-- https://material.google.com/style/color.html#color-themes -->
23 | 	<WhileTrue Value="true" ux:Class="Material.LightThemeBase">
24 | 		<float4 ux:Key="Material.PrimaryTextColor" ux:Value="Material.DarkPrimaryTextColor" />
25 | 		<float4 ux:Key="Material.SecondaryTextColor" ux:Value="Material.DarkSecondaryTextColor" />
26 | 		<float4 ux:Key="Material.DisabledTextColor" ux:Value="Material.DarkDisabledTextColor" />
27 | 		<float4 ux:Key="Material.HintTextColor" ux:Value="Material.DarkHintTextColor" />
28 | 		<float4 ux:Key="Material.BackgroundColor" ux:Value="Material.Grey50" />
29 | 		<float4 ux:Key="Material.CardColor" ux:Value="Material.White" />
30 | 		<float4 ux:Key="Material.DialogColor" ux:Value="Material.White" />
31 | 		<float4 ux:Key="Material.AppBarIconColor" ux:Value="Material.Black" />
32 | 		<float4 ux:Key="Material.PrimaryIconColor" ux:Value="Material.DarkActiveIconColor" />
33 | 		<iOS.StatusBarConfig Style="Dark" />
34 | 	</WhileTrue>
35 | 
36 | 	<Material.LightThemeBase ux:Class="Material.LightTheme">
37 | 		<float4 ux:Key="Material.PrimaryColor" ux:Value="Material.Grey100" />
38 | 		<float4 ux:Key="Material.PrimaryColorLight" ux:Value="Material.Grey100" />
39 | 		<float4 ux:Key="Material.PrimaryColorDark" ux:Value="Material.Grey300" />
40 | 	</Material.LightThemeBase>
41 | 
42 | 
43 | 	<WhileTrue Value="true" ux:Class="Material.DarkThemeBase">
44 | 		<float4 ux:Key="Material.PrimaryTextColor" ux:Value="Material.WhitePrimaryTextColor" />
45 | 		<float4 ux:Key="Material.SecondaryTextColor" ux:Value="Material.WhiteSecondaryTextColor" />
46 | 		<float4 ux:Key="Material.DisabledTextColor" ux:Value="Material.WhiteDisabledTextColor" />
47 | 		<float4 ux:Key="Material.HintTextColor" ux:Value="Material.WhiteHintTextColor" />
48 | 		<float4 ux:Key="Material.BackgroundColor" ux:Value="#303030" />
49 | 		<float4 ux:Key="Material.CardColor" ux:Value="Material.Grey800" />
50 | 		<float4 ux:Key="Material.DialogColor" ux:Value="Material.Grey800" />
51 | 		<float4 ux:Key="Material.AppBarIconColor" ux:Value="Material.White" />
52 | 		<float4 ux:Key="Material.PrimaryIconColor" ux:Value="Material.LightActiveIconColor" />
53 | 		<iOS.StatusBarConfig Style="Light" />
54 | 	</WhileTrue>
55 | 
56 | 	<Material.DarkThemeBase ux:Class="Material.DarkTheme">
57 | 		<float4 ux:Key="Material.PrimaryColor" ux:Value="Material.Grey900" />
58 | 		<float4 ux:Key="Material.PrimaryColorLight" ux:Value="Material.Grey900" />
59 | 		<float4 ux:Key="Material.PrimaryColorDark" ux:Value="Material.Black" />
60 | 		
61 | 	</Material.DarkThemeBase>
62 | 
63 | 
64 | </Panel>


--------------------------------------------------------------------------------
/Style/FormFactors.ux:
--------------------------------------------------------------------------------
 1 | <Panel ux:Class="Material.FormFactors">
 2 | 
 3 | 	<!-- Is active while the device is considered a tablet device in material design -->
 4 | 	<WhileWindowSize ux:Class="Material.WhileTablet" GreaterThan="599,1">
 5 | 
 6 | 	</WhileWindowSize>
 7 | 
 8 | 	<WhileWindowSize ux:Class="Material.WhileWearable" LessThan="300,1">
 9 | 
10 | 	</WhileWindowSize>
11 | </Panel>
12 | 


--------------------------------------------------------------------------------
/Style/Shadows.ux:
--------------------------------------------------------------------------------
 1 | <Panel ux:Class="Material.Shadows">
 2 | 
 3 | 	<Panel ux:Class="Material.BottomEdgeShadow" Margin="0,0,0,-10" ClipToBounds="true">
 4 | 		<Panel Margin="-20,0,-20,10" Color="White">
 5 | 			<Shadow />
 6 | 		</Panel>
 7 | 	</Panel>
 8 | 
 9 | 	<Panel ux:Class="Material.RightEdgeShadow" Margin="0,0,-10,0" ClipToBounds="true">
10 | 		<Panel Margin="0,-20,10,-20" Color="White">
11 | 			<Shadow />
12 | 		</Panel>
13 | 	</Panel>
14 | </Panel>


--------------------------------------------------------------------------------