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>
Checkout the website for a complete list of icons you can just copy and use.