How to Copy and Paste SVG as Vectors, Not Pixels
By Khushi Yadav
A copied graphic pastes as vectors only when two things are true: the app you copied from put SVG markup (or another vector format) on the clipboard, and the app you paste into knows how to read it. If either side only deals in bitmaps, you get pixels. The reliable fixes are to copy the SVG code itself, turn on Include SVG Code in Illustrator, or skip the clipboard and import the .svg file.
Why a vector turns into pixels
When you copy, the source app can place the same content on the clipboard in several formats at once, for example SVG text, a PDF snippet and a bitmap preview. The destination picks the format it prefers from that list. A blurry paste usually means one of these:
- The source never offered SVG, so the destination took the bitmap.
- The destination doesn't read SVG from the clipboard, so it used the bitmap even though SVG was there.
- You copied a file in File Explorer, which puts a file reference on the clipboard, not SVG code.
Images copied as DIB, PNG, or HTML explains how apps choose between formats.
Check what's actually on the clipboard
Two quick pastes tell you what you're working with:
- Paste into Notepad. If you see text starting with
<svg(or<?xml), SVG markup is on the clipboard. - Paste into Paint. If a picture appears, a bitmap is on the clipboard too.
If Notepad shows <svg but your design app still pastes pixels, the destination is choosing the bitmap. If Notepad shows nothing and Paint shows the image, only pixels were copied, so fix the source.
How to copy SVG from common sources
| Source | How to get SVG on the clipboard |
|---|---|
An .svg file | Open it in a text editor such as Notepad or VS Code, press Ctrl+A, then Ctrl+C |
| Adobe Illustrator | Turn on Edit > Preferences > Clipboard Handling > Include SVG Code, then copy the artwork again |
| Figma | Right-click the selection, choose Copy/Paste as, then Copy as SVG |
| A web page | Save the .svg file (or copy the <svg> element from DevTools) rather than using Copy image |
Illustrator on Windows: Adobe says Illustrator no longer selects Include SVG Code by default on Windows (it's on by default on macOS). If pasting into a web-based editor or another tool that needs SVG gives you an image, that setting is the first thing to check. Illustrator clipboard handling settings covers the PDF and AICB options in the same panel.
Affinity Designer and Photo: turn on Copy items as SVG in Settings so other apps receive vectors. Affinity's Paste Special and New from Clipboard covers pasting in the other direction.
Files copied in Explorer: pressing Ctrl+C on logo.svg in File Explorer copies a reference to the file. Pasting into another folder duplicates the file, and apps that accept files may import it, but a text editor gets nothing. Windows clipboard history doesn't keep file references at all; see Windows clipboard history does not store files.
How to paste SVG as vectors in each app
Figma
Copy the asset as SVG in the other tool, then right-click the Figma canvas and choose Paste here. Figma recommends importing and exporting assets as SVG because it's lossless, and notes that SVG marker and pattern elements aren't included on import. If paste still gives you an image fill, import the .svg file instead. Desktop and browser versions can behave differently; see Figma desktop vs Figma web paste behaviour.
Word, PowerPoint and Outlook
Microsoft 365 apps can insert SVG files directly: select Insert > Pictures > This Device and pick the .svg file. Inserted SVGs stay sharp at any size, and Convert to Shape breaks one into editable shapes. Inserting the file is more predictable than pasting, which can bring in a bitmap preview.
Photoshop
Photoshop is a pixel editor, so vector artwork is rasterized at some point. To keep it editable for as long as possible, bring it in as a Smart Object:
- For a file, use File > Place Embedded.
- For artwork copied in Illustrator, press Ctrl+V and choose Smart Object in the Paste dialog, or drag the objects from Illustrator into the Photoshop document.
Code editors and web builders
Pasting SVG text into VS Code or an HTML field is exactly right for inline icons: the paths stay editable. Some content management systems escape pasted markup or want an uploaded file; if the paste shows up as code on the page, upload icon.svg instead.
Chat apps
Slack, Teams and Discord don't keep pasted vectors. They upload an image, or the file if you attach it. For a preview people can see, export a PNG at 2x and attach that; attach the .svg too if the recipient needs to edit it. Pasting a snip into Discord, Slack, and Teams covers how those apps handle images.
SVG or PNG: which to copy
| You need | Copy or send |
|---|---|
| Editable paths in a design tool | SVG markup, or import the .svg file |
| Inline icon in code | SVG markup |
| A preview in chat, email or a doc | PNG, exported at 2x |
| Artwork in Photoshop that stays editable | A Smart Object: Place Embedded, or paste as Smart Object |
| A file in a folder | The file itself, copied in Explorer |
Troubleshooting a logo that pastes blurry
- Paste into Notepad. No
<svg? The source isn't offering SVG. - In Illustrator, turn on Include SVG Code, then copy the artwork again. Changing the setting doesn't update what's already on the clipboard.
- Paste into Notepad again. If
<svgnow appears but the destination still rasterizes, the destination is choosing the bitmap. - Export an
.svgfile and use the destination's import or insert command. - If paste behaves differently while a clipboard utility is running, quit the utility and test once more to rule it out.
FAQ
Can Windows clipboard history keep SVG?
Clipboard history stores text, HTML and bitmaps. SVG copied as text appears as a text item; a file copied in Explorer doesn't appear at all.
Why does Figma paste my Illustrator logo as an image?
Usually because Illustrator didn't put SVG on the clipboard. Turn on Include SVG Code, recopy, and paste again. If it still arrives as an image, import an exported .svg file.
Is it better to copy SVG or export a file?
For a quick move between two open apps, copying SVG code is fine. For anything you'll reuse or hand off, export the .svg file and keep it with the project.
Related reading
- Why the Same Copied Image Pastes Differently in Each App
- Figma, XD, and Sketch on Windows: What Actually Pastes?
- Figma Desktop vs Figma Web: Why Does Paste Behave Differently?
- What the Windows Clipboard Can and Cannot Store
Sources
- Copy artwork using the clipboard (Adobe Illustrator Help) — Clipboard Handling options and the Include SVG Code default on Windows and macOS.
- Copy assets between design tools (Figma Help) — Copy as SVG, Paste here, and SVG import limits.
- Edit SVG images in Microsoft 365 (Microsoft Support) — inserting SVG files and Convert to Shape.
- Create embedded Smart Objects (Adobe Photoshop Help) — Place Embedded, pasting Illustrator art as a Smart Object, and dragging vector art in.
- Using the clipboard (Microsoft Support) — clipboard history supports text, HTML and bitmap.
Khushi Yadav writes Edge Drop's workflow and design guides and is a B.Tech Computer Science Engineering student. Khushi's posts are checked against Microsoft's documentation and the Edge Drop fact sheet.
GitHub · LinkedInCopy. Stack. Drop.
Transform your clipboard into an interactive edge shelf. Stack, pin, and drag assets into any app with zero friction.
Download for Windows Get from Microsoft Store
How to Install Guide · First 10 Minutes Guide · Drag & Drop Guide · Edge Drop vs Win+V · Support
Free · Lightweight · Privacy First