---
title: LinearGradient
framework: swiftui
role: symbol
role_heading: Structure
path: swiftui/lineargradient
---

# LinearGradient

A linear gradient.

## Declaration

```swift
@frozen nonisolated struct LinearGradient
```

## Mentioned in

Laying out a simple view

## Overview

Overview The gradient applies the color function along an axis, as defined by its start and end points. The gradient maps the unit space points into the bounding rectangle of each shape filled with the gradient. When using a linear gradient as a shape style, you can also use linearGradient(_:startPoint:endPoint:).

## Topics

### Creating a linear gradient

- [init(gradient:startPoint:endPoint:)](swiftui/lineargradient/init(gradient:startpoint:endpoint:).md)
- [init(colors:startPoint:endPoint:)](swiftui/lineargradient/init(colors:startpoint:endpoint:).md)
- [init(stops:startPoint:endPoint:)](swiftui/lineargradient/init(stops:startpoint:endpoint:).md)

## Relationships

### Conforms To

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

## See Also

### Supporting types

- [AngularGradient](swiftui/angulargradient.md)
- [EllipticalGradient](swiftui/ellipticalgradient.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)