FontAwesome React API Reference
    Preparing search index...

    Type Alias RadialGradient

    type RadialGradient = {
        id: string;
        stops: GradientStop[];
        cx?: number | string;
        cy?: number | string;
        fx?: number | string;
        fy?: number | string;
        r?: number | string;
    }
    Index

    Properties

    id stops cx? cy? fx? fy? r?

    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[]
    cx?: number | string

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

    cy?: number | string

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

    fx?: number | string

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

    fy?: number | string

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

    r?: number | string

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

    Settings

    On This Page

    Properties