Skip to content

mono-company/mono-icons

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
May 31, 2021 14:55
September 11, 2020 15:39
September 11, 2020 15:39
November 24, 2020 16:13
September 12, 2020 10:15
June 3, 2021 09:15
November 20, 2020 17:37

Mono Icons

The Mono icon font is a simple, consistent open-source icon set designed to be used in a wide variety of digital products. View the full set of Mono Icons at https://icons.mono.company/

Usage

Use SVG

You can download the whole set of SVG icons or selected items on https://icons.mono.company/. Designers can make a Figma duplicate or click the copy SVG button to copy and paste icons in design files.

Use Webfont

Installation

npm install mono-icons

Import the icons.css file.

CDN

Copy the following code and add it to the head tag of your html document.

<link href="https://unpkg.com/mono-icons@1.3.1/iconfont/icons.css" rel="stylesheet">

Manually

Download icons.css file, add it to the head tag of your html document.

Use

Add icon with the correct classname. The classname consists of "mi-iconName". You can find the correct icon names at https://icons.mono.company/.

<i class="mi-add"/>

License & attribution

Mono icons are MIT licensed. Use them freely - an attribution link to https://icons.mono.company would be nice but is not necessary.