Safari-style back button

Question

I've not found on stackoverflow a modern solution how to make a Safari-style back button for UIBarButtonItem. Is there a simple and elegant way to implement a back button as it is in Safari?

Answer 1

If you are targeting iOS13 and above, you can use the built-in SF Symbols library provided by Apple.

The chevron.left image is used for the Safari back button.

let chevronLeft = UIImage(systemName: "chevron.left")
let backButton = UIBarButtonItem(image: chevronLeft, style: .plain, target: webView, action: #selector(webView!.goBack))

These icons also come in nine weights from ultralight to black, which can be applied like this.

let chevronLeft = UIImage(systemName: "chevron.left", withConfiguration: UIImage.SymbolConfiguration(weight: .thin))

More information is available from Apple here: SF Symbols

Answer 2

I have found solution. The best way is to find back button image on web and use this code:

    let backIcon = UIImage(named: "backIcon")
    let backButton = UIBarButtonItem(image: backIcon, style: .plain, target: webView, action: #selector(webView!.goBack))

For example: