Using PowerCAT to get Office UI Icons

PowerApps comes with a a lot of Icons in the Studio Mode. The Problem is, that those Icons are not inline with Micosofts Fluent UI.

One way to get Fluent Icons are using the PowerCAT Components. As Navigate we use the ExpandMenu Component and this Component has a external data reference to this Icons.

So just drop a image control on the Screen and get them the following Code:

"data:image/svg+xml," & EncodeUrl(
        "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='-10 0 " & 2068 & " 2048'>
  <g transform='matrix(1 0 0 -1 0 2048),rotate(0, 2068,1024)'>
   <path fill='" & gblTheme.palette.neutralPrimary & "'
d='" & ExpandMenu_HomeScreen.GetMenuIconPath("Back") & "' />
  </g>
</svg>"
)

The following things have to be changed according to your scenario:

gblTheme.palette.neutralPrimary: This is a HexCode of the IconColor
ExpandMenu_HomeScreen: Reference to your Expand Menu component
„Back“: Check the Names of the Icon on the Iconsite and input the Name of the Icon you want

Schreibe einen Kommentar Abbrechen