Overview
										
										
										High quality custom font icon set to use in combination with any
										Metronic elements.
										
									 
									
									
									
										
										
										Ugage
										
										
										Use Bootstrap Icons with a spesific class as explained below:
										
										
										
										
										
										
											
											
												
												
													
<i class="fonticon-bicycle fs-2x"></i>
<i class="fonticon-gallery fs-2x"></i>
<i class="fonticon-train fs-2x"></i>
<i class="fonticon-drone fs-2x"></i>
<i class="fonticon-settings fs-2x"></i>
<i class="fonticon-user fs-2x"></i>
<i class="fonticon-location fs-2x"></i>
<i class="fonticon-pin fs-2x"></i>
												 
											 
											
										 
										
									 
									
									
									
										
										
										Colors
										
										
										The inline icons can be colored using
										.text-{color}class that defined with
										$theme-text-colorsvariable in
										sass/_variables.scss:
										
										
										
										
										
										
											
											
												
												
													
<i class="fonticon-bicycle text-white"></i>
<i class="fonticon-bicycle text-primary"></i>
<i class="fonticon-bicycle text-secondary"></i>
<i class="fonticon-bicycle text-light"></i>
<i class="fonticon-bicycle text-success"></i>
<i class="fonticon-bicycle text-info"></i>
<i class="fonticon-bicycle text-warning"></i>
<i class="fonticon-bicycle text-danger"></i>
<i class="fonticon-bicycle text-dark"></i>
<i class="fonticon-bicycle text-muted"></i>
<i class="fonticon-bicycle text-gray-100"></i>
<i class="fonticon-bicycle text-gray-200"></i>
<i class="fonticon-bicycle text-gray-300"></i>
<i class="fonticon-bicycle text-gray-400"></i>
<i class="fonticon-bicycle text-gray-500"></i>
<i class="fonticon-bicycle text-gray-600"></i>
<i class="fonticon-bicycle text-gray-700"></i>
<i class="fonticon-bicycle text-gray-800"></i>
<i class="fonticon-bicycle text-gray-900"></i>
												 
											 
											
										 
										
									 
									
									
									
										
										
										Sizes
										
										
										The font icons can be sized using
										.fs-{size}class that defined with
										$font-sizesvariable in
										sass/_variables.scss
										
										
										Where
										
sizeis one of:
										
											- 
											1- sets icon size that equals to<h1>font size
- 
											2- sets icon size that equals to<h2>font size
- 
											3- sets icon size that equals to<h3>font size
- 
											4- sets icon size that equals to<h4>font size
- 
											5- sets icon size that equals to<h5>font size
- 
											6- sets icon size that equals to<h6>font size
- 
											7- sets icon size that equals to<h7>font size
- 
											7- sets icon size that equals to0.95 of $font-size-basewhere$font-size-base: 1rem
- 
											8- sets icon size that equals to0.85 of $font-size-basewhere$font-size-base: 1rem
- 
											9- sets icon size that equals to0.75 of $font-size-basewhere$font-size-base: 1rem
- 
											10- sets icon size that equals to0.5 of $font-size-basewhere$font-size-base: 1rem
- 
											base- sets icon size that equals to$font-size-basewhere$font-size-base: 1rem
- 
											fluid- sets icon size that equals to100%
- 
											2x- sets icon size that equals to2 of $font-size-basewhere$font-size-base: 1rem
- 
											2qx- sets icon size that equals to2.25 of $font-size-basewhere$font-size-base: 1rem
- 
											2hx- sets icon size that equals to2.5 of $font-size-basewhere$font-size-base: 1rem
- 
											2tx- sets icon size that equals to2.75 of $font-size-basewhere$font-size-base: 1rem
- 
											3x- sets icon size that equals to3 of $font-size-basewhere$font-size-base: 1rem
- 
											3qx- sets icon size that equals to3.25 of $font-size-basewhere$font-size-base: 1rem
- 
											3hx- sets icon size that equals to3.5 of $font-size-basewhere$font-size-base: 1rem
- 
											3tx- sets icon size that equals to3.75 of $font-size-basewhere$font-size-base: 1rem
- 
											4x- sets icon size that equals to4 of $font-size-basewhere$font-size-base: 1rem
- 
											4qx- sets icon size that equals to4.25 of $font-size-basewhere$font-size-base: 1rem
- 
											4hx- sets icon size that equals to4.5 of $font-size-basewhere$font-size-base: 1rem
- 
											4tx- sets icon size that equals to4.75 of $font-size-basewhere$font-size-base: 1rem
- 
											5x- sets icon size that equals to5 of $font-size-basewhere$font-size-base: 1rem
- 
											5qx- sets icon size that equals to5.25 of $font-size-basewhere$font-size-base: 1rem
- 
											5hx- sets icon size that equals to5.5 of $font-size-basewhere$font-size-base: 1rem
- 
											5tx- sets icon size that equals to5.75 of $font-size-basewhere$font-size-base: 1rem
											
											
												
												
													
<i class="fonticon-bicycle fs-5x"></i>
<i class="fonticon-bicycle fs-4x"></i>
<i class="fonticon-bicycle fs-3x"></i>
<i class="fonticon-bicycle fs-2tx"></i>
<i class="fonticon-bicycle fs-2hx"></i>
<i class="fonticon-bicycle fs-2qx"></i>
<i class="fonticon-bicycle fs-2x"></i>
<i class="fonticon-bicycle fs-1"></i>
<i class="fonticon-bicycle fs-2"></i>
<i class="fonticon-bicycle fs-3"></i>
<i class="fonticon-bicycle fs-5"></i>
<i class="fonticon-bicycle fs-6"></i>
												 
											 
											
										 
										
									 
									
									
									
										
										
										Icons Listing
										
										
										
											
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-delivery"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-bicycle"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-bookmark"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-like"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-microphone"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-location"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-gallery"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-share"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-star"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-trash-bin"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-user-2"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-view"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-user"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-pin"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-chat"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-home"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-mail"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-settings"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-alignment-right"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-link"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-attach"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-smile"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-moon"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-sun"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-train"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-eclipse"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-drone"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-truck"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-ship"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-offline"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-printer"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-paperclip"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-attachments"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-attachment"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-dogecoin"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-bitcoin"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-setting"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-headset"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-play"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-pause"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-next"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-back"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-shuffle"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-repeat"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-outgoing-call"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-incoming-call"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-cash-payment"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-mobile-payment"></i>
																	 
																	
																 
															 
														 
													 
												 
												
													
														
														
															
																
																	
																	
																		
<i class="fonticon-card-payment"></i>
																	 
																	
																 
															 
														 
													 
													
														
														
															
																
																	
																	
																		
<i class="fonticon-card"></i>