Yes, we can obtain the code from an SVG file you have found on the internet. 'data:image/svg+xml utf8, '&EncodeUrl(' ')

Replace any double-quotation marks (“) in the SVG with a single quote (‘).

Paste the SVG code inside an EncodeURL function.

Add the file type to the beginning data:image/svg+xml utf8,.

Make these changes to the SVG code so it looks like the example below.

Then insert and Image control in Power Apps and paste the code into the Image property. Locate the SVG code and copy it to the clipboard. Go to the Bootstrap website and click on an SVG to include in our app. Where Can I Find SVG Images To Use In Power Apps?įor this example we will use the Bootstrap SVG Icon set. Images with a see-through background are more versatile because they do not have to be altered to match an app’s theme.

Transparency – the SVG format allows a transparent background.

Unlike JPEGs, SVGs do not have to include information about every pixel in the image. At its most basic an SVG file stores instructions on how to draw lines/shape to form and images. This results in faster load times on the screen and a lesser impact on the app’s size.

File-size – SVGs have a relatively small file-size.

Enlarging a similar JPEG would cause the picture to become blurry. An SVG with the dimensions 50 x 50 pixels will still appear the same when increased to 200 x 200 pixels. You can scale them up-or-down without any loss in quality.

Scalability – SVG images look crisp and clear at any size.

There are 3 reasons why you will want to choose SVG images for your app over other popular image types such as JPEG. How Can I Change SVG Color? How Can I Change SVG Fill? Why should I use SVG? Where can I find SVG Images for Power Apps? I’ll also answer the most frequently asked questions about how to change SVG image styles such as: color, fill, hover and selected fill.

You will learn why SVG is the best image format for Power Apps and where to find icons for your app. In this article I’ll show you how to use SVG images in Power Apps.

Download svg animation