When to Use Icons
- To summarize and help user to process content
- As a recognizable visual cue for commonly known functions (e.g. a magnifying glass for “search”)
- As a clickable target / hit area
- To make the website friendly
- To visually group content
- To increase readability
When Not to Use Icons
- Don’t rely too much on icons – they should be universally recognizable (close, print, save). If they are not, be sure to use them in combination with text.
- Make sure icon use does not take focus away from the content of the site. Too many colors can be a distraction.
Available Icon Formats
Each download file contains the following file formats: CSS Sprite, SVG, web font, PNG, PSD, and AI. See below for more information about file formats.