Skip to content

UI icons docs

Swift

The icons as custom symbols in a Swift package. They size with text, follow Dynamic Type and take any colour, like SF Symbols.

DocsSwift

Add the package

In Xcode, choose File, Add Package Dependencies, and paste this URL:

Package URL
https://github.com/iconoven/iconoven-swift

Add the IconOven library to your app target. It needs iOS 15, macOS 12, watchOS 8, tvOS 15 or visionOS 1, or later.

SwiftUI

Names are the icon name in camel case: credit-card is .creditCard, the same as the React names. IconOvenIcon.allCases lists them all, for building a picker.

SwiftUI
import SwiftUI
import IconOven

Label("Wallet", iconoven: .wallet)
  .font(.title3)

Image(iconoven: .creditCard)

Size and colour

Icons size with the font around them, so .font(.body) next to body text lines up on the baseline and follows Dynamic Type. .font(.body.weight(.light)) through .weight(.black) sets the stroke weight. On iOS 16 and macOS 13 and later, .fontWeight(_:) works too. Use .imageScale to go a step larger or smaller, and .foregroundStyle for colour.

SwiftUI
Image(iconoven: .bell)
  .font(.title2.weight(.semibold))
  .foregroundStyle(.tint)

UIKit and AppKit

UIKit
import UIKit
import IconOven

let image = UIImage.iconoven(.wallet, with: .init(textStyle: .body))
button.setImage(image, for: .normal)

On macOS, use NSImage.iconoven(.lock).

Pro styles

The Swift package carries the free Stroke style. For Pro styles in an Apple app, download the Pro zip from your order page and add the SVGs you need to your asset catalog, or download any icon as an SF Symbol from its page.

Your cart

Your cart is empty.

Browse icons