<!--
{
  "availability" : [
    "iOS: 13.0.0 -",
    "iPadOS: 13.0.0 -",
    "macCatalyst: 13.0.0 -",
    "macOS: 10.15.0 -",
    "tvOS: 13.0.0 -",
    "visionOS: 1.0.0 -",
    "watchOS: 6.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/AngularGradient",
  "metadataVersion" : "0.1.0",
  "role" : "Structure",
  "symbol" : {
    "kind" : "Structure",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI15AngularGradientV"
  },
  "title" : "AngularGradient"
}
-->

# AngularGradient

An angular gradient.

```
@frozen nonisolated struct AngularGradient
```

## Overview

An angular gradient is also known as a “conic” gradient. This gradient
applies the color function as the angle changes, relative to a center
point and defined start and end angles. If `endAngle - startAngle > 2π`,
the gradient only draws the last complete turn. If
`endAngle - startAngle < 2π`, the gradient fills the missing area with
the colors defined by gradient locations one and zero, transitioning
between the two halfway across the missing area. The gradient maps the
unit space center point into the bounding rectangle of each shape filled
with the gradient.

When using an angular gradient as a shape style, you can also use
[`angularGradient(_:center:startAngle:endAngle:)`](/documentation/SwiftUI/ShapeStyle/angularGradient(_:center:startAngle:endAngle:)),
[`conicGradient(_:center:angle:)`](/documentation/SwiftUI/ShapeStyle/conicGradient(_:center:angle:)), or similar methods.

## Topics

### Creating a full rotation angular gradient

[`init(gradient:center:angle:)`](/documentation/SwiftUI/AngularGradient/init(gradient:center:angle:))

Creates a conic gradient that completes a full turn.

[`init(colors:center:angle:)`](/documentation/SwiftUI/AngularGradient/init(colors:center:angle:))

Creates a conic gradient from a collection of colors that completes
a full turn.

[`init(stops:center:angle:)`](/documentation/SwiftUI/AngularGradient/init(stops:center:angle:))

Creates a conic gradient from a collection of color stops that
completes a full turn.

### Creating a partial rotation angular gradient

[`init(gradient:center:startAngle:endAngle:)`](/documentation/SwiftUI/AngularGradient/init(gradient:center:startAngle:endAngle:))

Creates an angular gradient.

[`init(colors:center:startAngle:endAngle:)`](/documentation/SwiftUI/AngularGradient/init(colors:center:startAngle:endAngle:))

Creates an angular gradient from a collection of colors.

[`init(stops:center:startAngle:endAngle:)`](/documentation/SwiftUI/AngularGradient/init(stops:center:startAngle:endAngle:))

Creates an angular gradient from a collection of color stops.


---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)