Skip to content

linearGradient fill broken #96

@bpettijohn

Description

@bpettijohn

linearGradient fill shows as black instead of gradient. Works correctly in react-native-svg. Please advise.

<svg
  preserveAspectRatio="xMidYMid meet"
  style="23"
  viewBox="0 20 100 100"
  xmlns="http://www.w3.org/2000/svg"
>
  <defs>
    <linearGradient
      id="teallove"
      x1="0%"
      x2="100%"
      y1="0%"
      y2="0%"
    >
      <stop
        offset="0%"
        stop-color="#AAFFA9"
        stop-opacity="1"
      />
      <stop
        offset="100%"
        stop-color="#11FFBD"
        stop-opacity="1"
      />
    </linearGradient>
  </defs>
  <circle
    cx="10.394578215119932"
    cy="24.772700195838926"
    fill="url(#teallove)"
    r="5"
  />
  <circle
    cx="11.446977704934008"
    cy="35.09144111470587"
    fill="url(#teallove)"
    r="5"
  />
</svg>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions