<!--
{
  "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/LinearGradient",
  "metadataVersion" : "0.1.0",
  "role" : "Structure",
  "symbol" : {
    "kind" : "Structure",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI14LinearGradientV"
  },
  "title" : "LinearGradient"
}
-->

# LinearGradient

A linear gradient.

```
@frozen nonisolated struct LinearGradient
```

## 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:)`](/documentation/SwiftUI/ShapeStyle/linearGradient(_:startPoint:endPoint:)).

## Topics

### Creating a linear gradient

[`init(gradient:startPoint:endPoint:)`](/documentation/SwiftUI/LinearGradient/init(gradient:startPoint:endPoint:))

Creates a linear gradient from a base gradient.

[`init(colors:startPoint:endPoint:)`](/documentation/SwiftUI/LinearGradient/init(colors:startPoint:endPoint:))

Creates a linear gradient from a collection of colors.

[`init(stops:startPoint:endPoint:)`](/documentation/SwiftUI/LinearGradient/init(stops:startPoint:endPoint:))

Creates a linear 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)