The five best design links, every weekday

Category: Icons

All Categories

varun.ca

React Icon System

This article will show you how to set up an icon system using SVGR — a tool for transforming SVGs into React components.

medium.com

Shaping an icon

With the ubiquity of emoji, there’s never been a more prevalent time for icons in marketing and design than there is now.

medium.com

Developing an Open Source Icon System at Microsoft

Icons transcend languages. They're signposts that light the way for an easy, delightful user experience.

paulcpederson.com

Stencil Icons

In the last ten years, developers have been on a quest to find the best way to implement icons in a digital product.

underconsideration.com

Stay Home Icon

Stephen Kelleher (of fake Crocs logo fame) offers a universal "Stay Home" icon.

iconfinder.com

Coronavirus Awareness Icons

Together with kind contributors, Iconfinder is giving away more than 200 free vector icons related to hygiene and awareness about the virus spread.

iconset.io

Iconset: A lightning-fast SVG icon organizer and manager.

By organizing with sets or tags in Iconset app, icons are always at your fingertip.

medium.com

Iconic Icons: Designing the World of Windows

Introducing the new Windows 10 icons in Fluent Design.

medium.com

7 Principles of Icon Design

Creating a high-quality icon family requires a thoughtful approach, a trained eye, a bit of iteration, and a lot of practice.

css.gg

CSS.GG: 500+ CSS Icons, Customizable, Retina Ready & API

Minimalistic icon library built 100% in pure CSS.

about.gitlab.com

GitLab Iconography: MVC meets visual design

Anyone who uses GitLab knows how extensively we use icons in our product.

medium.com

The Icon Kaleidoscope

Redesigning over 100 icons with new colors, materials, and finishes.

24ways.org

Iconography of Security

How the messages we send through iconography design can impact the decisions users make around important issues of security.

icons8.com

Line Awesome - Free Beautiful Icon Font

Replace Font Awesome with modern line icons with a single line of code.

equinusocio.dev

Accessible icon buttons with masks and SVG

Let's try a new way to make accessible icon buttons with SVGs and CSS masks.

blog.iconfinder.com

Icon Designer Report Q4 2019

We looked at supply and demand data on Iconfinder and distilled it to a light report filled with insights for icon designers.

artofsymbols.com

Art of Symbols

For over 40,000 years, humans have used logographic symbols to communicate complex ideas.

blog.iconfinder.com

How to use icons in Figma

A simple tutorial covering all the basics, and two free UI icon sets in a .fig file.

blog.fontawesome.com

Introducing Duotone

We're super excited to officially launch Duotone, the newest icon style to join the Font Awesome family.

medium.com

Shaping up Shape

Shape is a collection of icons, illustrations and animated icons all grouped together under one roof.