---

graphis is a stylish icon font that is super convenient to use. Icons are mapped to emojis and special characters, so just load the font and copy the icons like any other text.

👉 STEP 1: load the icon font:

<link rel="stylesheet" href="https://unpkg.com/graphis/font/graphis.css">

body, * {
  font-family: 'graphis', sans-serif;
}

👉 STEP 2: use the emojis and special characters to render icons:

<h1>👤 Account</h1>
<input type="email" placeholder="✉ Email"/><br>
<input type="password" placeholder="⊀ password"/><br>
<button>🔒 Login</button>

🚀 Check it out!

Checkout the website for a complete list of icons you can just copy and use.