Custom icon font for arma.events and related projects using font ligatures and based on Lucide Icons.
npm install @arma-events/icon-fontThis package contains the icon font for arma.events and related projects.
The font uses font ligatures and is basically a subset of Lucide Icons together with some icons that were created specifically for arma.events. All icons originating from Lucide have the same name as in Lucide, but - (minus) has been changed to _ (underscore).
You can find a detailed breakdown of where each icon comes from in the icon sources section at the bottom of this readme.
``
npm i @arma-events/icon-font
Simply include the css file, which includes font-face and a class:
`css`
@import '@arma-events/icon-font/dist/index.css';
Then use it in your HTML:
`html`
> [!TIP]
> You can find a list of all icons by simply checking the svg-directory
This package also includes a SCSS file which allows some configuration and can be used instead of the CSS file:
`scss
// the values used here are the default values
@use '@arma-events/icon-font/dist/index.scss' as icon-font with (
$base-path: '@arma-events/icon-font/dist',
// set $class to '' to disable a generation of the css class selector
$class: 'arma-eventicons',
$font-family: 'arma.events Icon Font',
$font-family-fallback: 'arma.events Icon Font Fallback' !default
);
// use the styles-mixin to include the relevant
// styles for icons in your own selectors:
#icon {
@include icon-font.styles;
}
`
Most icons are from Lucide Icons, but there are a few exceptions:
The following icons are from Simple Icons:
- discord
-
-
The following icon is from SVG Repo:
- steam
The following icons are custom made for arma.events:
- condensed
-
-
-
-
-
-
-
-
-
-