FreeComponents

Label with Icon and Image

Reusable label components pairing a leading visual (SF Symbol or image resource) with localized text

Free
Free with a ShipSwift account.

Copies a short instruction with your private download link. Paste it into your agent: it downloads the whole skill (the source code, the setup steps and the mistakes we already made for you) and builds the screen.

Works with

+70

What it does

Reusable label components that pair a leading visual (SF Symbol or image resource) with a localized text name. Commonly used in List rows, settings screens, or menu items. Includes two variants: SWLabelWithIcon and SWLabelWithImage.

What you get

  • ✓52 lines of source code, ready to paste
  • ✓Source Code
  • ✓Usage
componentdisplaylabeliconimagelistSwiftUI

Usage

// Label with an SF Symbol icon on a colored circle
SWLabelWithIcon(
    icon: "gearshape",
    bg: .orange,
    name: "Settings"
)

// Label with a custom image resource
SWLabelWithImage(
    image: .appIcon,
    name: "My App"
)

More in Components

All 21 skills in Components