Get Started

Axcon is an open-source, style-neutral system symbol collection for designers and developers. Unlike patchwork icon libraries, the 1000+ icons are all carefully crafted so they are born legible. Of course, all icons are free for personal and commercial use.

Webfont Usage

Note: You can import Axcon with npm install, cdn or download it manually.

Installation

Note: If you'd like to use Axcon with a CDN, you can skip this installation step.

npm i axcon --save

CDN

Copy the following code and add it to the <head> tag of your HTML document.

The @ in the CDN link can be changed to any history version we've published.

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/axcon@1.1.2/axcon.css" />

Use

Add icon with class name, class name rule: ax-{name}

HTML

<i class="ax-home9"></i>

Sizing

Axcon can be resized by CSS class integrated by axcon.css . Icons inherit the font-size of their parent container and with the following classes, you can increase or decrease the size of icons relative to that inherited font-size. You can also use ax-fw class for a fixed width for icons. For example:

Get Started on the Web Changelog