There is a lot to like about Gaddafi Rusli’s ICONSVG.

  1. It provides inline <svg>, which is the most generically useful way to deliver them, and probably how they should be used anyway. Each icon is a tiny amount of SVG and I’d bet they were all hand-golfed.
  2. They are all stroke-based, so they can be beefed up or slimmed down as needed.
  3. The stroke-linecap and stroke-linejoin properties can be adjusted, which presents an opportunity to make their edges sharper or more rounded. I often find icons that are close to what I want, but the weight isn’t right or the edges are either too sharp or too round. This quick and easy configuration is awesome.

Direct Link to ArticlePermalink

The post appeared first on CSS-Tricks.

from CSS-Tricks
Tagged on:

Leave a Reply

Your email address will not be published. Required fields are marked *