@asuite/asuite-icons v1.0.2

ASuite Icons

ASuite Icons is a font family based off the Feather Icons project.

Installing Locally

ASuite Icons can be installed locally with npm. Launch an SSH client and run this script:

npm i @asuite/asuite-icons

Then link to the fonts in a CSS file.

@font-face {
  font-family: 'asuite-icons';
  src:  url('/node_modules/@asuite/asuite-icons/fonts/asuite-icons.eot?4rwtkc');
  src:  url('/node_modules/@asuite/asuite-icons/fonts/asuite-icons.eot?4rwtkc#iefix') format('embedded-opentype'),
    url('/node_modules/@asuite/asuite-icons/fonts/asuite-icons.ttf?4rwtkc') format('truetype'),
    url('/node_modules/@asuite/asuite-icons/fonts/asuite-icons.woff?4rwtkc') format('woff'),
    url('/node_modules/@asuite/asuite-icons/fonts/asuite-icons.svg?4rwtkc#asuite-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

.asuite-icons {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'asuite-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

Quick Start

To install ASuite Icons with minimal setup, include these CSS files from unpkg:

<link rel='stylesheet' href='https://unpkg.com/@asuite/asuite-icons@1.0.0/css/asuite-icons.min.css' type='text/css' media='all' />
<link rel='stylesheet' href='https://unpkg.com/@asuite/asuite-icons@1.0.0/examples/demo.css' type='text/css' media='all' />

Then add the CSS selector "asuite-icons" and the icon name to render an icon.

<i class="asuite-icons airplay"></i>