By now, you've probably got this responsive thing mastered. You know all about responsive web design, media queries, and fluid grids. Your websites look great on every screen and you're dang proud of it. But how are your icons doing? Are they responsive? What are responsive icons, you ask? Today we'll dive into that very topic.
The idea behind responsive images is fairly simple: you serve up the same images in different sizes to different screens. Perhaps even more than with something like a photo though, you'll find that this practice doesn't always work great with icons. A given icon design might look great at its original size, but terrible once scaled down due to too much detail being squished into such a tight space.
The answer? Responsive icons. These shape shifters do more than change size, they actually change their design to accommodate the size at which they're being served.