TLDR Web Dev · MISCELLANEOUS

MAKING NOISY SVGS

daniel.do4 min read

Summary from the TLDR Web Dev newsletter

A recent design trend on the web is where illustrations and icons are becoming more textured. It’s hard to replicate this style with SVGs, but this article demonstrates how to create an SVG illustration with a noisy, textured shadow effect using masks, filters, and gradients. Along with code examples, the article provides the entire code repository for interested developers.