svg.shapes icon indicating copy to clipboard operation
svg.shapes copied to clipboard

Svg Shapes - A free, customizable & extensive collection of 100+ SVG shapes. Bring gradient magic into SVGs

svgshapes-cover

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.


Screenshot 2023-03-25 at 7 55 51 PM


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

Website

SVG Shapes with Gradient Customization