Images

Overview

Display images, including SF Symbols, images that you store in an asset catalog, and images that you store on disk, using an Image view.

[Image]

For images that take time to retrieve — for example, when you load an image from a network endpoint — load the image asynchronously using AsyncImage. You can instruct that view to display a placeholder during the load operation.

For design guidance, see Images in the Human Interface Guidelines.

Topics

Creating an image

• Image

Configuring an image

• Fitting images into available space
• imageScale(_:)
• imageScale
• Image.Scale
• Image.Orientation
• Image.ResizingMode

Loading images asynchronously

• AsyncImage
• AsyncImagePhase

Setting a symbol variant

• symbolVariant(_:)
• symbolVariants
• SymbolVariants

Managing symbol effects

• symbolEffect(_:options:isActive:)
• symbolEffect(_:options:value:)
• symbolEffectsRemoved(_:)
• SymbolEffectTransition

Setting symbol rendering modes

• symbolRenderingMode(_:)
• symbolRenderingMode
• SymbolRenderingMode
• SymbolColorRenderingMode
• SymbolVariableValueMode

Rendering images from views

• ImageRenderer

See Also

Views

• View fundamentals
• View configuration
• View styles
• Animations
• Text input and output
• Controls and indicators
• Menus and commands
• Shapes
• Drawing and graphics