import * as React from "react";

export const FilledStar = () => (
  <svg viewBox="0 0 22 21">
    <defs>
      <polygon id="path-1" points="11 16.7 4.53436222 20.099187 5.76918916 12.8995935 0.538378321 7.80081311 7.76718111 6.75040658 11 0.200000048 14.2328189 6.75040658 21.4616217 7.80081311 16.2308108 12.8995935 17.4656378 20.099187" />
    </defs>
    <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g id="Icon/-Star" transform="translate(-1.000000, -1.000000)">
        <g id="Color-/-White" transform="translate(1.000000, 1.000000)">
          <mask id="mask-2" fill="white">
            <use xlinkHref="#path-1" />
          </mask>
          <use id="Mask" fill="#B4B4B4" xlinkHref="#path-1" />
          <g id="Color/-White" mask="url(#mask-2)" fill="#FFFFFF">
            <g transform="translate(-1.000000, -1.000000)" id="10">
              <rect x="0" y="0" width="24" height="24" />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
)