Skip to content

Feature Request: Add “Copy SVG” Option Alongside Download for Icons #1288

@shibadityadeb

Description

@shibadityadeb

Description
Currently, Feather Icons provides a Download option for SVG icons, but there is no direct Copy SVG option. This makes quick usage in development workflows slightly inefficient, especially when developers want to paste SVGs directly into codebases (HTML, JSX, Vue, etc.).

Problem
Downloading SVG files for every icon adds extra steps:

Download file

Open file

Copy SVG markup

Paste into project

For rapid UI development, this slows down workflows and breaks consistency compared to other icon libraries.

Proposed Solution
Add a “Copy SVG” button next to the existing Download option for every icon, allowing users to:

Copy the raw SVG markup to clipboard in one click

Use icons instantly without downloading files

Maintain a standardized, developer-friendly workflow

Benefits

Faster development experience

Improved usability for frontend developers

Aligns Feather Icons with modern design-system tools

Keeps SVG usage consistent across frameworks

Optional Enhancements

Toast notification: “SVG copied to clipboard”

Option to copy optimized/minified SVG

Keyboard shortcut support

Expected Behavior

Users should be able to both Copy and Download SVG icons

Feature should be consistent across all icons

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions