SVG Copy Extension

Name: SVG Copy Extension
Author: Blackout Media

Copy SVG elements with a single click when hovering over them

As of June 2026, SVG Copy Extension has 15 users in the Developer Tools category.

Blackout Media Developer Tools

Chrome Web Store ↗.crx

Users+25.0%

Rating0%

—

— reviews

Reviews0%

—

Version

1.0.1

Manifest V3

History

8 snapshots

Tracking since Apr 7, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 7, 2026	12	—	—	1.0.1
Apr 19, 2026	11	—	—	1.0.1
Apr 24, 2026	11	—	—	1.0.1
May 1, 2026	11	—	—	1.0.1
May 8, 2026	12	—	—	1.0.1
May 16, 2026	13	—	—	1.0.1
May 25, 2026	12	—	—	1.0.1
Jun 4, 2026	13	—	—	1.0.1
Now	15	—	—	1.0.1

Permissions & access

Permissions: clipboardWritestorageactiveTabscripting
Host access: None declared

Screenshots

About

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