Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
How to use SVG files in Canva
  • By Design Bundles
  • 20 Aug 2018
  • 6 Mins
  • Canva Tutorials

How to use SVG files in Canva

Learn how to use SVG files in Canva with this tutorial, in just a few steps.

Did you know that you can use SVG files in Canva? The best part of this feature is having the ability to re-color and customize them. That’s awesome right? In this tutorial, we will show you in a few easy steps exactly how to do that.

How to use SVG files in Canva 1

Before you get started, make sure you have downloaded and extracted the SVG files if they are in a .zip file.

We are going to use one of these SVG tote bag quotes and a letter from this cute dinosaur SVG alphabet.

Step 1 - Open a Canva Template

To use SVG files in Canva and re-color them, you need to have a template open. You can select a standard template provided by Canva. Alternatively you can purchase one of the many Canva templates that we have available.



Step 2 - Upload the SVG File

With your Canva template open, click on the Uploads tab on the left sidebar. Then click the Upload media button, locate and select the SVG file you want to upload. We have an in-depth tutorial on how to upload in Canva with different upload options to choose from.

How to use SVG files in Canva 2

Keep uploading all the SVG files you want to use.

Note: Most, if not all SVG files are made from compound paths. This is what Canva needs in order to read the file and allow you to change the color. But, in rare cases where the SVG file isn’t a compound path, you will get an error message like below.

How to use SVG files in Canva 3

To fix the error in Canva, you will have to convert the elements into a compound path using a third party program. Two examples of programs would be making a compound path in Illustrator, or using Silhouette Studio business edition v4.1 and up.

Once converted into compound paths using a third party program, go back to Canva and upload them again.

Step 3 - Using the SVG File

There are a few things to keep in mind when using SVG files in Canva. Not only are compound paths important, but so are colors.

In the first example, we used a quote. Because the SVG quote is created using one color, Canva only sees one changeable color element. To change the color click on the color square shown in the image below and select the color you want to use.

How to use SVG files in Canva 4

In our second example, we used a letter from the dinosaur alphabet. Canva will display the colors that can be changed in the top color squares. The SVG file has many elements but only 3 colors are used.

Canva can “see” or make use of up to five colors in an SVG file. This is regardless of how many parts there are in the SVG file. If there are more than five colors, Canva will make available the five most used colors.

How to use SVG files in Canva 5

There you go, now you know how to use SVG files in Canva. The SVG format is so versatile you can use it across many of your projects. Once you are done with your edits, you can download your Canva files to your desktop or device as an SVG, JPG, or other formats.


6 Related Canva Tutorials

1- Ensure your SVG file has been unzipped on your PC. If you are unsure how to do this, we have a guide on how to unzip a zipped file on your PC. 2- Open Cricut Design Space. Create a new file or open an existing one. 3- Select ...

Today we will show you how to use a SVG in Silhouette Studio. SVG stands for Scalable Vector Graphic. The format is a favorite for cut files as designs can be resized without losing detail. These files are widely used with Silhouette Studio and other cutting machines. You can edit ...

Ensure that your file has been downloaded and unzipped to use.1- Select your file.2-  Open the SVG file you require.3- Once your file is open select Object in the top toolbar, and select " Ungroup" this will separate your SVG files once.4- Go to Object again and ...

Have you ever heard of SVG fonts? Today, we’ll tell you a little bit about SVG fonts and how to use them in Illustrator. SVG fonts, also known as color fonts, are a fairly new kind of OpenType format. They can currently be used in applications such as Illustrator, ...

Some files downloaded from Design Bundles will come with an .EPS file extension, meaning Editable Postscript - this file type is designed for use in Vector Editing Software such as Adobe Illustrator.Adobe Illustrator is the Industry's leading Vector editing software. It's widespread usage in the professional market and backwards-compatibility ...

If you want to learn how to use an SVG file in Affinity Designer, then this tutorial is just for you. A SVG file usually contains individual pieces of the design, each on their own layer. We will show you how to access and use these layers in order to ...

You may also like

Help Center
ol image