FontAwesome React API Reference
    Preparing search index...

    Type Alias LinearGradient

    type LinearGradient = {
        id: string;
        stops: GradientStop[];
        x1?: number | string;
        x2?: number | string;
        y1?: number | string;
        y2?: number | string;
    }
    Index

    Properties

    id stops x1? x2? y1? y2?

    Properties

    id: string

    The id of the gradient, which is used to reference the gradient in the fill attribute of the icon's svg element. This must be a unique value to prevent conflicts with other elements on the page.

    stops: GradientStop[]
    x1?: number | string

    The x-coordinate of the start of the gradient. Can be a number or a string (e.g., '0%', '50%', '100%').

    x2?: number | string

    The x-coordinate of the end of the gradient. Can be a number or a string (e.g., '0%', '50%', '100%').

    y1?: number | string

    The y-coordinate of the start of the gradient. Can be a number or a string (e.g., '0%', '50%', '100%').

    y2?: number | string

    The y-coordinate of the end of the gradient. Can be a number or a string (e.g., '0%', '50%', '100%').

    Settings

    On This Page

    Properties