Svg.shapes
Svg Shapes - A free, customizable & extensive collection of 100+ SVG shapes. Bring gradient magic into SVGs
Install / Use
/learn @anup-a/Svg.shapesREADME
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 <b>without any attribution.</b>
-
🌈 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
<br/>Submit new SVGs
-
Clone the repo
git clone https://github.com/anup-a/svg.shapes/ -
Go to
svg-parserdirectory and runnpm installoryarn -
Add svgs to
factory/input(make sure filename is unique) and runnpm run joboryarn job(this will compress svgs and add it to the bundle.) -
Create a new PR 🎉
SVG Credits
Website
<a href="https://svgshapes.in">SVG Shapes with Gradient Customization</a>
Related Skills
taskflow
348.5kname: taskflow description: Use when work should span one or more detached tasks but still behave like one job with a single owner context. TaskFlow is the durable flow substrate under authoring layer
claude-opus-4-5-migration
109.1kMigrate prompts and code from Claude Sonnet 4.0, Sonnet 4.5, or Opus 4.1 to Opus 4.5
frontend-design
109.1kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Agent Development
109.1kThis skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.
