Icon libraries, your agile UI design assistants

Open source svg/code icon libraries will brighten your design work anytime

Eva Schicker
5 min readJul 6, 2021

--

There are many open source icon libraries available to designers, from Bootstrap to Font Awesome, Feather, Octicons, Material Design, iOS, to css.gg, and they are all equally amazing in what they offer. (Links to libraries provided at the end of the story.) [1]

Icon libraries can be linked to in html in <head></head>, or in css via @. For instance, css.gg provides excellent designer’s resources for implementing icons in html, css, json, xml, or markup, as shown below.

css.gg/template<!-- html -->
<head>
<link href=’https://css.gg/template.css' rel=’stylesheet’>
</head>
/* css */
@import url('https://css.gg/template.css');

Each library has its own features and highlights, some are more developer-specific, such as css.gg or Octicons, and some focus on a wide selection of iconography, such as Bootstrap.

Octicons impresses on its site not only with super icons, but also with detailed icon design guidelines for best practices when designing your own icons.[2]

UI icons provide an established system of iconography, easily understood by the users.

UI icons break through languages barriers across the world

UI icons are reference systems

--

--

Eva Schicker

Hello. I write about UX, UI, AI, animation, tech, fiction & art through the eyes of a designer & painter. I live in NYC. Book author, UX Grad GA NYC.