SVG · Shapes

SVG Shapes is a tiny tool that offers an extensive collection of 100+ common SVG shapes and with colors and gradients customizations.

• 📦 Copy and reuse without any attribution.

• 🌈 Magic like gradient fill on SVGs

• 🧵 All SVGS are pre-compressed with SVGO

• 🤖 100 % crafted by designers, not AI.

Also checkout 🚀 - Creatica - Generate awesome vector svg backgrounds and patterns

Submit new SVGs

1. Clone the repo git clone https://github.com/anup-a/svg.shapes/

2. Go to svg-parser directory and run npm install or yarn

3. Add svgs to factory/input (make sure filename is unique) and run npm run job or yarn job (this will compress svgs and add it to the bundle.)

4. Create a new PR 🎉

SVG Credits

• Monika Michalczyk
• Image by Macrovector

Website

SVG Shapes with Gradient Customization