Archive for the ‘icon system’ Category

A Couple SVG Icon Links

Posted on: No Comments
WordPress' new TwentySeventeen default theme uses an SVG icon system. It was contributed by Sami Keijonen who had some prior experience in that, and wrote up a bit about it here. The theme has functions that spit out correct/accessible markup for them...

Align SVG Icons to Text and Say Goodbye to Font Icons

Posted on: No Comments
Elliot Dahl: At Pivotal we've created an SVG icon system with React for use on our suite of products. This article is about my approach to styling the SVG icon system with CSS to make it easy and effective to use. Alignment and icons (of any sort) will...

Icons and Teams

Posted on: No Comments
Say you're working on a website that uses an icon system. Lots of people who work on the site interact with the icon system. Designers create new icons, they tweak existing ones, they have ideas on what they want the icons to do. Developers building ou...

Creating an SVG Icon System with React

Posted on: No Comments
I recently went to Michael Jackson and Ryan Florenceā€™s ReactJS Training. I was really excited to attend, partially because I had so many questions about SVG and React. There are a lot of bits about working with React and SVG, and especially manipulat...