Awesome SVG

A curated list of SVG. The main idea is that everyone can contribute here, so we can center all the informations about SVG and keep up-to-date.

Basics

How to use, documentation, elements and everything else to start the studies about SVG.

Icons

How to use svg for icons, why svg is better than fonticon, tools for create icons and guidelines

Text

SVG is great for create responsive texts and texts with filters.

Patterns

How to use, how they work and some tools to create patterns.

Gradients

How to use, differences between css gradients and svg gradients, tools to generate gradients and some tips.

Filters

What are filters, how to use, some examples and tips.

Animation

We can animate SVG in different ways, SMIL, CSS, JS. Every link will explain how to do.

Responsive

How to use the ability of "Scalable" to create different interactions for multiple devices

Accessible SVG

How to enhance accessibility using SVG

Books

SVG Software

Libraries

Snippets

Fragment Identifiers

SVG to Download

Programmers doesn't know how to draw, so we can download free svg sources to create beautifull effects.

Slides

Videos

Sites using SVG

Experiments

Optimizing, Fallbacks and Tools

Grunt Plugins

Gulp Plugins

Groups and Conferences

Follow on Twitter

Thanks to...

Contributing

Your contributions are always welcome! Click Here to read the guidelines.

##License

CC0

To the extent possible under law, Willian Justen has waived all copyright and related or neighboring rights to this work.