The five best design links, every weekday

Category: Svg

All Categories

SVG animations made easySponsored

Loaf is a tool that makes SVG animations easy. Hundreds of premium animations packaged in a beautiful app for Windows and macOS. Get started for free!

Random SVG avatar generator based on user names

Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.


Create single line SVG illustrations from your pictures.

Not Your Typical Horizontal Rules

Like other HTML elements, horizontal rules can be styled using CSS. This means that they don’t have to look like boring, plain horizontal lines.

Kumiko Generator

Kumiko is an ancient Japanese woodworking technique, which involves slotting together many tiny pieces into a lattice.

Glob Editor

A globs-based vector editor.

Swipey Image Grids

SVG isn’t just useful for illustrative animation. It’s hella handy for UI too.

SVG Generators

A complete guide to SVG generators — for everything from SVG shapes and cropping tools to SVG filters, color matrix mixer and SVG to JSX generators.

Creating Patterns With SVG Filters

For years, my pain has been not being able to create a somewhat natural-looking pattern in CSS. I mean, sometimes all I need is a wood texture.

Haikei: Generate unique SVG design assets

A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!

Circular SVG Text Animation

Exploring some experimental circular SVG text effects for an intro animation.

Stop Using Icon Fonts

Icon fonts became popular over a decade ago. But their convenience comes at a high cost to your visitors.

Cistercian SVG

I am one of the many people who stumbled across Cistercian numerals and fell down the rabbit hole.

SVG Repo: Free SVG Vectors and Icons

Download free mono or multi color vectors for commercial use.

SVG Waves - Instantly generate waves

An interactive playground to generate svg waves for your design. Customize wave types, colours, and more.

Creating comic book speech bubbles with SVG and javascript

Webcomics traditionally include speech bubbles as part of the image. Today we explore whether it could be done using SVG and javascript.

SVGBox: An API for Web Icons

SVGBox makes it dead-easy to include icons in your project. Simple tags: that's all you need. No CSS, JS, file uploads, or inline SVGs.


Online editor to create and manipulate SVG paths.

Build your SVG favicon in seconds

Build a letter-based favicon like most big tech companies, or be playful and create an emoji-based favicon.


Free svg background generator for your websites, blogs and app.