How to add a local image to a view in Swift

Oscar de la Hera Gomez
A flower that represents Swift next to a flower that represents XCode. Beneath it sits the text that states 'Add a local image to a UIView'.

A step by step tutorial on adding a local image from your assets.xcassets to a view in Swift (iOS). Github repository included.

The following tutorial builds on our Open Source Swift and demonstrates how to add a local image to a UIImageView. This tutorial starts on the main branch and the changes are available on the tutorials/local-image branch of the repository below.

Clone the repo's main branch, before starting the tutorial.

git clone

Please note this tutorial uses the TinyConstraints Swift package, which we added using the Swift Package Manager.

Step One: Declare your variable

A screenshot showing you how to declare your variable in your view.

In CustomUIView.swift, declare your UIImageView and set the image to your local image.

let imageView: UIImageView = UIImageView(image: UIImage(named: SampleImages.placeholder))

Step Two: Setup your ImageView

A screenshot showing you how to setup your UIImageView.

In CustomUIView+UI.swift setup your image view. Sample code below.

Here we have set the imageView to:

  • Sit below the label, at an offset of 20 pixels.
  • Center itself horizontally on the view
  • Have a width and a height of 250 pixels.

Step Three: Verify

A screenshot of our app showing the image below the label.

Run your app to verify that the image appears.

Any Questions

We are actively looking for feedback on how to improve this resource. Please send us a note to with any thoughts or feedback you may have.

delasign logo

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details