Autumn Sale50% offCOMPOT
ButtonsFree ComponentiOS 16.0+Xcode 15+

Icon Button Tertiary Basic

Compact circular tertiary icon button for header navigation bars and utility menus.

Download in Compot AppBrowse all Buttons

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
iconButtonDefault.swift
Button {
    // Action
} label: {
    Image(systemName: "plus")
        .font(.title3)
        .padding(16)
        .background(.thinMaterial)
        .clipShape(Circle())
}
.foregroundStyle(Color.accentColor)
.shadow(color: .gray.opacity(0.3), radius: 2)
.padding()
.help("Accessibility hint")

Ready to copy and paste directly into any Xcode project running iOS 16.0+.

Recommended Use Cases

  • First-run onboarding flows and feature introductions

Component Details

Category
Buttons
iOS Compatibility
iOS 16.0+
Xcode Version
Xcode 15+
Platform
iOS
License Tier
Free
Themes & Contexts
onboarding
Keywords
buttoniconsymbolplusadddefaultbuttonsbutonbtnfree
C

Compot for iOS

Native SwiftUI playground app

Preview all 130+ components interactively on your device and copy code straight to Xcode with 1 tap.

Get Compot on the App Store

Related SwiftUI Components

More components in Buttons and related app architectures.

View all Buttons
ButtonsiOS 16.0+

Primary Button Basic

High-emphasis prominent action button with standard SwiftUI prominence styling and haptic feedback.

View Component & Code
ButtonsiOS 16.0+

CTA Button Large Basic

Full-width, high-impact call-to-action button designed for onboarding screens, welcome flows, and paywalls.

View Component & Code
ButtonsiOS 16.0+

Secondary Button Basic

Medium-emphasis secondary action button styled for alternative user workflows and dismissal actions.

View Component & Code