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.

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
IconButtonTertiaryBasic.swift
import SwiftUI

struct IconButtonTertiaryBasic: View {
    var body: some View {
        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")
    }
}

#Preview {
    IconButtonTertiaryBasic()
}

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