Axialis IconGenerator - Icon font "Icons"

This icon font named "Icons" was generated by Axialis IconGenerator on 2022-10-18 14:49:52. The font contains 48 icons. To be compatible with all major browser platforms several font files were generated. This includes EOT, WOFF, SVG and TTF. An additional Open Type format OTF has also been generated to cover all your needs.

Installing Icon Fonts

First, you need to upload the icon fonts on your server. We recommend that you copy them all in the same folder.

Then, upload the CSS file in the same folder. If you want to store it in different folder, you need to specify relative paths in the CSS code.

Among other definitions, the CSS file contains the following code to load and declare the new icon font:

@font-face { font-family: 'Icons'; font-display: block; src: url("Icons.eot"); src: url("Icons.eot?#iefix") format("embedded-opentype"), url("Icons.woff2") format("woff2"), url("Icons.woff") format("woff"), url("Icons.ttf") format("truetype"), url("Icons.svg#icon3") format("svg"); }

Invoking Icons

You must reference the stylesheet in your HTML code:

<link rel="stylesheet" href="Icons-stylesheet.css" type="text/css" charset="utf-8" />

You can reference an icon by its name or character code. To reference by name, use the <i> tag. The icon name must be prefixed with fi-

<i class="fi fi-add-button"></i>

You can also display the icon at a specific size, like this:

<i class="fi fi-add-button" style="font-size:64px;"></i>

The second method is to use the character code:

<font class="fi">&#57344;</font>

Icon Chart

The font includes all the glyph icons listed below. Names and html codes are included above each icon to help you insert individual characters into your layout.

alarm
&#xE000;

alert
&#xE001;

announcement
&#xE002;

application-window
&#xE003;

archive
&#xE004;

attach-2
&#xE005;

battery-h
&#xE006;

bookmark
&#xE007;

briefcase-close
&#xE008;

button-add
&#xE009;

button-angle-down
&#xE00A;

button-angle-left
&#xE00B;

button-angle-right
&#xE00C;

button-angle-up
&#xE00D;

calendar-empty
&#xE00E;

call
&#xE00F;

camera
&#xE010;

chat
&#xE011;

clipboard-copy
&#xE012;

clock
&#xE013;

cloud-download
&#xE014;

cloud-upload
&#xE015;

cloud
&#xE016;

clouds
&#xE017;

comment
&#xE018;

computer-copy
&#xE019;

computer-laptop
&#xE01A;

computer-server
&#xE01B;

computer
&#xE01C;

data-storage
&#xE01D;

database
&#xE01E;

device-tablet
&#xE01F;

display-wide
&#xE020;

document-chart
&#xE021;

document-landscape
&#xE022;

document-update
&#xE023;

emoticon-happy
&#xE024;

emoticon-laugh
&#xE025;

emoticon-love
&#xE026;

emoticon-neutral
&#xE027;

emoticon-sad
&#xE028;

emoticon-smile
&#xE029;

emoticon-wink
&#xE02A;

eraser
&#xE02B;

execute
&#xE02C;

exit
&#xE02D;

folder
&#xE02E;

window
&#xE02F;

Generated on 2022-10-18 14:49:52 by Axialis IconGenerator - Copyright ®2022 Axialis Software - All Rights Reseved.