← Back to Blog

Design & Creative | Published Aug 21, 2026 | Updated Oct 13, 2026 | 6 min read

How to Copy and Paste SVG as Vectors, Not Pixels

By Khushi Yadav

How to Copy and Paste SVG as Vectors, Not Pixels — Edge Drop Guide

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:

  1. Paste into Notepad. If you see text starting with <svg (or <?xml), SVG markup is on the clipboard.
  2. 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

SourceHow to get SVG on the clipboard
An .svg fileOpen it in a text editor such as Notepad or VS Code, press Ctrl+A, then Ctrl+C
Adobe IllustratorTurn on Edit > Preferences > Clipboard Handling > Include SVG Code, then copy the artwork again
FigmaRight-click the selection, choose Copy/Paste as, then Copy as SVG
A web pageSave 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 needCopy or send
Editable paths in a design toolSVG markup, or import the .svg file
Inline icon in codeSVG markup
A preview in chat, email or a docPNG, exported at 2x
Artwork in Photoshop that stays editableA Smart Object: Place Embedded, or paste as Smart Object
A file in a folderThe file itself, copied in Explorer

Troubleshooting a logo that pastes blurry

  1. Paste into Notepad. No <svg? The source isn't offering SVG.
  2. In Illustrator, turn on Include SVG Code, then copy the artwork again. Changing the setting doesn't update what's already on the clipboard.
  3. Paste into Notepad again. If <svg now appears but the destination still rasterizes, the destination is choosing the bitmap.
  4. Export an .svg file and use the destination's import or insert command.
  5. 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

Sources

Khushi Yadav
Written by Khushi Yadav · Author & Content Writer

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 · LinkedIn

Copy. 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
Find us on CodeHype