Logo Generator

Create custom logos for your Power Apps. Pick an icon, customize colors and shape, then export as SVG, PNG, or Power Apps YAML.

What is the Logo Generator?

The Logo Generator is a visual tool for creating simple, professional logos. You don't need design skills - just pick an icon, choose your colors, and export.

Perfect for:

• App headers and navigation bars
• Login screens
• Splash screens
• Branding elements in your Power Apps

How It Works

1. Choose an Icon

Browse hundreds of icons in the icon picker. Icons are organized by category (arrows, buildings, communication, etc.) and you can search by name.

Popular choices:

• Building - for business apps
• Chart - for analytics/reporting
• Users - for HR/team apps
• Shield - for security apps
• Gear - for settings/admin tools

2. Customize Background

Choose your background style:

Then set your background color to match your brand.

3. Set Icon Color

Adjust the icon color for contrast against your background. Usually white icons on colored backgrounds look best.

4. Fine-Tune

Additional settings:

• Background size - Make the shape larger/smaller
• Icon size - Scale the icon within the shape
• Padding - Space around the icon

5. Export

Three export options:

Copy SVG - Vector format for web use Export PNG - Raster image for documents Copy YAML - Direct Power Apps Image control code

Export Formats

SVG (Scalable Vector Graphics)

Vector format that stays crisp at any size. Best for web use or when you need to resize.

<svg viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="45" fill="#3B82F6"/>
  <path d="..." fill="#ffffff"/>
</svg>

PNG (Portable Network Graphics)

Raster image at fixed resolution. Good for documents, presentations, or embedding in emails.

YAML (Power Apps Code)

Generates an Image control with the SVG embedded:

AppLogo:
  Control: Image
  Properties:
    Image: ="data:image/svg+xml," & EncodeUrl("<svg>...</svg>")
    Width: 50
    Height: 50

Using Logos in Power Apps

Method 1: YAML Export (Recommended)

1. Click "Copy YAML" in Logo Generator
2. In Power Apps Studio, right-click Tree view → Paste code
3. The logo appears as an Image control
4. Position it in your header or wherever needed

Method 2: Upload PNG

1. Export as PNG
2. In Power Apps, go to Media → Upload
3. Add an Image control and select the uploaded file

Method 3: SVG Data URI

1. Copy SVG
2. In an Image control, set the Image property to:

="data:image/svg+xml," & EncodeUrl("<your-svg-code>")

Sizing for Different Uses

App Header Logo

• Width: 40-50px
• Height: 40-50px
• Position: Top left of header

Login Screen Logo

• Width: 80-120px
• Height: 80-120px
• Position: Centered above login form

Sidebar Logo

• Width: 30-40px
• Height: 30-40px
• Position: Top of sidebar

Splash Screen

• Width: 150-200px
• Height: 150-200px
• Position: Centered on screen

Best Practices

Color Contrast

Make sure your icon color has enough contrast against the background. White on dark colors or dark on light colors work best.

Keep It Simple

The best logos are recognizable at small sizes. Choose simple icons that read well even at 30x30 pixels.

Match Your Brand

Use your company's brand colors for the background. This creates consistency across your app.

Consistent Usage

Use the same logo throughout your app - header, login, about screen. Don't create variations.

Examples

Business App

• Icon: Building
• Background: Circle, Blue (#3B82F6)
• Icon color: White

HR Application

• Icon: Users
• Background: Rounded Square, Green (#10B981)
• Icon color: White

Analytics Dashboard

• Icon: Chart Bar
• Background: Circle, Purple (#8B5CF6)
• Icon color: White

Admin Tool

• Icon: Gear
• Background: Square, Gray (#374151)
• Icon color: White

Troubleshooting

Logo looks blurry in Power Apps

Make sure you're using the SVG/YAML export, not PNG at a small size. SVGs stay crisp at any size.

Can't find the right icon

Try different search terms. "Home" might be under "House". Or browse by category.

Export button not working

Check if you've hit the daily limit (free users). Ultra subscribers have unlimited exports.

Logo not displaying in Power Apps

For YAML exports, make sure you pasted correctly. The Image control should show the SVG data in the Image property.