Adding an SVG in PowerApps

You can integrate a vector drawing in SVG format into a Canvas PowerApps page.

1. In PowerApps Studio, add an image control (Insert > Media > Image).

2. search an icon on the Flaticon website (http://www.flaticon.com) and download it in SVG format.

3. In NotePad or Sublime, replace the double quotes with single quotes.

4. Add the following formula to the Image property of the newly added control

"data:image/svg+xml," & EncodeUrl("
<svg version='1.1' id='fi_686751' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'>
<linearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='256' y1='514' x2='256' y2='2' gradientTransform='matrix(1 0 0 -1 0 514)'>
	<stop offset='0' style='stop-color:#2AF598'></stop>
	<stop offset='1' style='stop-color:#009EFD'></stop>
</linearGradient>
<circle style='fill:url(#SVGID_1_);' cx='256' cy='256' r='256'></circle>
</svg>
 ")

Share the Post:

Related Posts

PowerApps Patch Date

Patch is THE method for creating a record. It’s a magical method, because it also allows you to update information on the one hand, and target different data sources on the other.

Read More »

PowerApps Mettre à jour une date

Patch is THE method for creating a record. It’s a magical method, because it also allows you to update information on the one hand, and target different data sources on the other.

Read More »

PowerApps Patch / Update

Patch is the Swiss army knife for updating data in SharePoint. You need to specify which record you wish to update. Different methods are then possible.

Read More »