web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / How to amend Icons in ...
Power Apps
Suggested Answer

How to amend Icons in a container

(0) ShareShare
ReportReport
Posted on by 1,154
Hi,

I've had a PowerApp Built using containers.

How can the icons be re-sized, spaced have labels assigned to them??

Categories:
I have the same question (0)
  • Suggested answer
    Pstork1 Profile Picture
    69,264 Most Valuable Professional on at
    The Icons have Height, Width, X, and Y properties like most controls that are relative to the upper left corner of the container.  They don't have a Text or Label property. To resize them change the height and width settings.  You'll also need to change the Height and width of the container to make room.  You can also add a Text label above or below each icon. Then set the values for X, and Y on those to position them where you want them in the container.

    ----------------------------------------------------------------------------------
    If this Post helped you, please click "Does this answer your question" and give it a like to help others in the community find the answer too!

    Paul Papanek Stork, MVP
    Blog: https://www.dontpapanic.com/blog
     
  • Vish WR Profile Picture
    604 on at
     
    For the space, you can try the Gap or LayoutGap property of the container  depends on what type of container to help to solve your problem
     
      Vishnu WR
     
    Please  Does this answer your question if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider answering Yes to Was this reply helpful? or give it a Like 
     
  • Suggested answer
    11manish Profile Picture
    1,196 on at
    In modern container-based Power Apps:
    • Size → control via Width/Height formulas
    • Spacing → control via container Gap/Padding
    • Labels → use Label control inside nested containers (best practice)
  • Suggested answer
    Valantis Profile Picture
    3,045 on at
     
    All three things (resize, spacing, labels) are straightforward in canvas apps.
    Resize icons
    Select the icon in the Tree view or directly on canvas. In the right Properties panel you will see Width and Height fields. Change these values to make the icon bigger or smaller. You can also set them in the formula bar, e.g. Width = 40, Height = 40.
    Spacing between icons - Since your container is a Horizontal container, select the container itself (not the icons inside it). In the Display tab on the right you will see a Gap property. Increase that value to add space between the icons. You can also set Padding on the container to add space around all content inside it.
    Add labels to icons. Icons do not have a built-in text/label property. The way to do this is to add a Label control next to each icon. Then group the icon and label together inside a small vertical container so they stack correctly. That small vertical container then sits inside your main horizontal container.
    So the structure would be:

    Horizontal container
      Vertical container (icon 1 + label 1)
        Icon
        Label
      Vertical container (icon 2 + label 2)
        Icon
        Label
     
    Set the Label Text property to whatever text you want e.g. "Save" or "Cancel".
     
    If you cannot drag and reposition controls directly on canvas, that is expected with layout containers. Use the Tree view to move controls up and down, or cut and paste them into the right container.
     

     

    Best regards,

    Valantis

     

    ✅ If this helped solve your issue, please Accept as Solution so others can find it quickly.

    ❤️ If it didn’t fully solve it but was still useful, please click “Yes” on “Was this reply helpful?” or leave a Like :).

    🏷️ For follow-ups  @Valantis.

    📝 https://valantisond365.com/

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the March Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 541

#2
WarrenBelz Profile Picture

WarrenBelz 434 Most Valuable Professional

#3
Valantis Profile Picture

Valantis 289

Last 30 days Overall leaderboard