Copy, paste and clipboard icons SVG

Copy icons show up next to code blocks, invite codes, order numbers and API keys. They almost always come in pairs: two overlapping sheets for copy, a clipboard with a clip for paste. The trap is using a “duplicate” icon (two identical squares) where you mean copy-to-clipboard — the first implies creating a copy in place, the second implies putting data on the system clipboard.

Where to use it

• Developer tooling: copy code snippet, copy command, copy token
• E-commerce and support: copy order number, copy tracking code
• Account pages: copy API key, copy invite link
• Rich text editors: copy, cut, paste, duplicate block

Picking and recolouring

Give the button a visible confirmation state — swapping the copy glyph for a check for 1.5–2 seconds is the standard pattern and costs almost nothing. Keep the icon at the same position when it changes so the layout does not shift.

This page picks 48 assets by theme from the library. Each one opens a detail page where you can download the SVG, copy the markup, or export a PNG. Licence and source are stated on each asset page.

Search “copy” on the site →　·　All 场景s →　·　Browse by library →