SVG Copy Extension
Extension Actions
- Live on Store
Copy SVG elements with a single click when hovering over them
SVG Copy Extension - The easiest way to copy and download SVG elements from any website
Tired of digging through page source to find SVG code? This extension makes copying SVG elements effortless with a simple hover and click.
✨ Key Features
🎯 Hover to Copy
- Hover over any SVG element to reveal a copy button
- Beautiful x-ray outline highlights the exact SVG you're targeting
- Automatically sets width and height to 100% for easy reuse
- Works instantly - no configuration needed
🔍 Detects All SVG Types
- Inline <svg> elements
- .svg image files
- SVG icons in CSS ::before and ::after pseudo-elements
- Smart positioning for pseudo-element SVGs
📦 Bulk Download
- Download ALL SVGs from any page as a zip file
- Organized file names based on element IDs and classes
- Perfect for designers and developers collecting assets
🎛️ Full Control
- Toggle the extension on/off with one click
- Live badge counter shows how many SVGs are on the page
- Respects your preferences across all tabs
💎 Beautiful Design
- Sleek purple gradient theme
- Smooth animations and hover effects
- Non-intrusive interface that stays out of your way
🎨 Perfect For
- Web Designers - Quickly grab SVG icons and illustrations from inspiration sites
- Developers - Copy SVG code for use in your projects
- UI/UX Designers - Build icon libraries from existing websites
- Content Creators - Collect SVG assets for presentations and documents
🚀 How to Use
1. Install the extension
2. Visit any website with SVG elements
3. Hover over an SVG to see the copy button
4. Click to copy the SVG code to your clipboard
5. Use the popup to toggle the extension or download all SVGs as a zip
🔒 Privacy First
- No data collection
- No external requests
- Works completely offline
- Open source and transparent
💡 Pro Tips
- The badge on the extension icon shows the total SVG count on the current page
- All copied SVGs automatically have width and height set to 100% for responsive designs
- Pseudo-element SVGs are detected and positioned perfectly for easy access
---
Made with ❤️ for designers and developers who work with SVG