Skip to main content
CSS is fun and cool and I like it.
Article

Maskable Icons: Android Adaptive Icons for Your PWA

There is a new web feature called maskable icons that is coming soon to Firefox Preview and other web browsers. This new icon format will let your PWAs have their own adaptive icons on Android.
Article

Creating a Maintainable Icon System with Sass

One of my favorite ways of adding icons to a site is by including them as data URL background images to pseudo-elements (e.g. ::after) in my CSS. This technique offers several advantages:

  • They don't require any additional HTTP requests other than the CSS file.
  • Using the background-size property, you can set your pseudo-element to any size you need without worrying that they will overflow the boundaries (or get chopped off).
  • They are ignored by screen readers (at least in
Read article
Link

Control Icons with Font Size

Link

Accessible SVG Icons With Inline Sprites

Link

Emojis as Icons

Link

Extinct & Endangered

Link

Etsy’s Evolving Icon System

Link

$1,076,940

Link

CSS ICON

icon-link icon-logo-star icon-search icon-star