Skip to content
PowerLibs LogoPowerLibs

Logo Generator for Power Apps

The Logo Generator combines one icon with a colored background and hands the result back as an SVG, a PNG or a ready-made Power Apps Image control. Makers reach for it when an app needs a mark for its header, sign-in screen or app icon and nobody has supplied a brand asset. The canvas is a 240 pixel square.

What it makes

  • Presets at the top of the Logo Settings panel: Minimal, Ocean, Sunset, Dark, Nature, Circle, Neon and Coral. Each sets an icon, colors and a background in one click; everything stays editable.
  • Icon tab, sub-tab Library: Choose Icon opens the Choose an Icon dialog with every Lucide icon, a Search icons box and a counter of matches. There are no categories, so search by the Lucide name (Settings or Cog, not Gear; ChartBar for a bar chart). Sub-tab Custom SVG: drop an .svg file, click to upload, or Paste SVG Code. Below sit Size (50 to 300), Rotation (0 to 360) and, for Library icons only, Stroke Width (0.5 to 5), then Stroke color and Fill color, each with an opacity.
  • Background tab: Corner Radius (0 is a square, 150 a circle), Padding (0 to 100), Shadow (0 to 20) and Fill Type, Solid with one Background Color or Gradient with a Gradient Angle and two to five Gradient Colors.
  • Export buttons in the header: Copy SVG, Copy YAML, Download PNG and Save to Library. Copy YAML gives an Image control named PowerLibsLogo, 150 by 150, with the SVG written into its Image property. Download PNG saves powerlibs-logo-<icon>.png at twice the canvas size, a 480 pixel square. Save to Library stores the logo in your SVG library.
  • A Reset to defaults button next to the title returns to the Home icon on a white square.

To paste the YAML into Power Apps Studio, follow Getting Started.

Who can use it

Anyone can build a logo, but exporting needs an account: a signed-out click on any export button opens the sign-in popup. Free and Components accounts get one export per day, and Copy SVG, Copy YAML and Download PNG all count towards it; the header shows "1 free logo per day" and the first click past the limit opens the pricing popup. Ultra, Team or Lifetime accounts export without limit and are the only ones with Save to Library; elsewhere it is locked.

After you paste

The YAML pastes one Image control called PowerLibsLogo with Height and Width 150. Set Height to the size you want, for example 40 for a header bar, and put this in the Width property so it stays square; being vector graphics, it stays sharp at any size:

Self.Height

Put this in the OnSelect property of PowerLibsLogo to make the logo a home button, with scrHome replaced by your first screen's name:

Navigate(scrHome, ScreenTransition.None)

Good to know

  • Fill color starts at opacity 0, so Library icons are outlines drawn in the Stroke color. Raise the Fill color opacity to fill the shape, lower the Stroke color opacity to hide the outline. Stroke Width is hidden for a Custom SVG, which keeps its own strokes.
  • The Image property carries the whole SVG as text inside EncodeUrl(...). The export first swaps every double quote in the SVG for a single quote, so a custom SVG with double-quoted attributes still gives valid YAML.
  • Every copy is named PowerLibsLogo; if you paste it twice on one screen, rename the second in the Tree view.
  • The PNG is 480 pixels square; if it looks soft in Power Apps Studio the Image control is larger than that, so use Copy YAML instead.
  • The daily limit counts exports, not edits. Preview as often as you like; on a free or Components account a second export the same day is refused until the following day.
  • Your settings live in the browser, so opening the tool later brings back the last logo; a different browser starts from the defaults.

Related

Open the tool at Logo Generator. Related guides: Navigation Bars and App Shells.

Logo Generator for Power Apps | PowerLibs