HTML CSS

HOW TO ADD ICONS IN HTML CSS

(quick & simple examples)

★ STAR! ☂ Weather report. ☃ Snowman.

HTML SYMBOLS

01

<img src="ICON.PNG">

ICON IMAGE

02

<style>  @font-face {    font-family: Heydings;    src: url(heydings_icons.ttf);  }  .icon {  font-family: Heydings; } </style> <p class="icon">ABCDEF</p>

FONT ICON SET

03

<i class="fas fa-bed"></i> <i class="fas fa-shower"></i> <i class="fas fa-ban"></i>

ICON LIBRARIES

04

<span class="material-icons">icecream</span>  <span class="material-icons">restaurant</span>