---
layout: page
parent: Guides
title: Simple icon font
subtitle: How to make an icon font
summary: A simple monospace icon font with normalized glyphs.
splash: icons/icon_checkbox-radio.svg
preview_img: placeholder.jpg
color: white
nav_order: 3
---

{% include header_card %}

> **While not required**, this guide assume that you have made yourself familiar with the {% include lk id='Asset preparation' %}.
{: .comment}

# What to expect
{: .no_toc }
This guide is about creating a simple icon font using MkFont from scratch. It only assumes that you have some assets to work with, and that you are using Adobe© Illustrator, because that's what you'll see in the screenshots -- but any SVG editor will work.
{: .fs-6 .fw-300 }

#### Credits
{: .no_toc }
This example is using [Kenney's Game Icons](https://www.kenney.nl/assets/game-icons), which you will find packaged along with this guide' files, downloadable [here](https://nebukam.github.io/mkfont/assets/guides/simple-icon-font.zip).

## Final output
{: .no_toc}

We're going to make the following font :

{% include img a='guides/ifont/final-output.png' %}  

#### Process
{: .no_toc }
- TOC
{:toc} 

>## WORK IN PROGRESS.
>Come back later (～￣▽￣)～ 
{: .error}