The five best design links, every weekday

Category: Svg

All Categories

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.

How to Get Handwriting Animation With Irregular SVG Strokes

I wanted to do a handwriting animation for calligraphy fonts — the kind where the words animate like they are being written by an invisible pen.

Warp SVG online

Warp and distort SVG files online

Tabler Icons

550+ Highly customizable & free SVG icons.


Create and export beautiful SVG squircles to use in your designs.

React Icon System

This article will show you how to set up an icon system using SVGR — a tool for transforming SVGs into React components.

Blobs - Generate beautiful blob shapes for web and flutter apps

Customizable blobs as SVG and Flutter Widget. Create random or fixed blobs, loop, animate, clip them with ease


An online tool to create and export patterns using some font icon libraries

Shape Divider App

Generate a beautiful SVG shape divider in a few clicks.

SVG Path Visualizer

Enter an SVG path data (the string inside the d attribute) to visualize it and discover all its different commands.

Stencil Icons

In the last ten years, developers have been on a quest to find the best way to implement icons in a digital product.

Morphing Gooey Text Hover Effect

Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.

Are you using SVG favicons yet? A guide for modern browsers.

You should be using SVG favicons. They're supported in all modern browsers right now.

SVG Artista - Little tool that helps you create SVG drawing animations

SVG Artista is a tool that helps you animate stroke and fill properties in your SVG images with plain CSS code.