Image control in cards

Important

Effective August 29, 2025, Cards for Power Apps will be deprecated and no longer supported. As a result, any Cards for Power Apps that have been built and shared in Microsoft Teams will not function. Users will not be able to create new cards or execute existing ones.

We recommend migrating any functionality you rely on from Cards for Power Apps before the deprecation date. Consider transitioning to either Adaptive Cards in Copilot Studio or adaptive cards for Microsoft Teams for similar functionality. More information: Deprecation of Cards for Power Apps

An image with properties to control what the image looks like. Supports publicly accessible and CORS-compliant URLs as well as base64 encoded images.

Use the media control for video and audio files.

Properties

Url – The URL to the image. Supports data URI in version 1.2+.

Initially visible – If false, this item will be removed from the visual tree.

Alt text – Alternate text describing the image.

Spacing – Controls the amount of spacing between this control and the preceding control.

Divider – When true, draw a separating line at the top of the control.

Horizontal alignment – Controls how this control is horizontally positioned within its parent.

Size – Controls the approximate size of the image. The physical dimensions will vary per host.

Height – The desired height of the image. If specified as a pixel value, ending in 'px', E.g., "50px", the image will distort to fit that exact height. This overrides the size property.

Width – The desired on-screen width of the image, ending in 'px'. E.g., "50px". This overrides the size property.

Style – Controls how this image is displayed.

Background color – Applies a background to a transparent image. This property will respect the image style.

Repeat for every – The source of data that is used to show multiple instances of this control. Learn how to use repeat for every.