---
title: AngularGradient
framework: swiftui
role: symbol
role_heading: Structure
path: swiftui/angulargradient
---

# AngularGradient

An angular gradient.

## Declaration

```swift
@frozen nonisolated struct AngularGradient
```

## Overview

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:), conicGradient(_:center:angle:), or similar methods.

## Topics

### Creating a full rotation angular gradient

- [init(gradient:center:angle:)](swiftui/angulargradient/init(gradient:center:angle:).md)
- [init(colors:center:angle:)](swiftui/angulargradient/init(colors:center:angle:).md)
- [init(stops:center:angle:)](swiftui/angulargradient/init(stops:center:angle:).md)

### Creating a partial rotation angular gradient

- [init(gradient:center:startAngle:endAngle:)](swiftui/angulargradient/init(gradient:center:startangle:endangle:).md)
- [init(colors:center:startAngle:endAngle:)](swiftui/angulargradient/init(colors:center:startangle:endangle:).md)
- [init(stops:center:startAngle:endAngle:)](swiftui/angulargradient/init(stops:center:startangle:endangle:).md)

## Relationships

### Conforms To

- [Sendable](swift/sendable.md)
- [SendableMetatype](swift/sendablemetatype.md)
- [ShapeStyle](swiftui/shapestyle.md)
- [View](swiftui/view.md)

## See Also

### Supporting types

- [EllipticalGradient](swiftui/ellipticalgradient.md)
- [LinearGradient](swiftui/lineargradient.md)
- [RadialGradient](swiftui/radialgradient.md)
- [Material](swiftui/material.md)
- [ImagePaint](swiftui/imagepaint.md)
- [HierarchicalShapeStyle](swiftui/hierarchicalshapestyle.md)
- [HierarchicalShapeStyleModifier](swiftui/hierarchicalshapestylemodifier.md)
- [ForegroundStyle](swiftui/foregroundstyle.md)
- [BackgroundStyle](swiftui/backgroundstyle.md)
- [SelectionShapeStyle](swiftui/selectionshapestyle.md)
- [SeparatorShapeStyle](swiftui/separatorshapestyle.md)
- [TintShapeStyle](swiftui/tintshapestyle.md)
- [FillShapeStyle](swiftui/fillshapestyle.md)
- [LinkShapeStyle](swiftui/linkshapestyle.md)
- [PlaceholderTextShapeStyle](swiftui/placeholdertextshapestyle.md)