import React from 'react';

import type { IconProps } from './iconProps';

export const StarOutlineIcon = ({
  ref,
  width = 20,
  height = 20,
  viewBox = '0 0 20 20',
  role = 'image',
  ...rest
}: IconProps) => (
  <svg
    ref={ref}
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    width={width}
    height={height}
    viewBox={viewBox}
    role={role}
    {...rest}
  >
    <path
      fill="currentColor"
      fillRule="evenodd"
      clipRule="evenodd"
      d="M5.9 18.94c.15-.04.3-.1.45-.2L10 16.42l3.65 2.32a1.69 1.69 0 0 0 .97.26h.03a1.75 1.75 0 0 0 1.5-2.15l-.99-4.34 3.25-2.9c.28-.25.46-.56.54-.89a1.83 1.83 0 0 0-.56-1.79 1.6 1.6 0 0 0-.94-.39L13.2 6.2l-1.64-4.11a1.7 1.7 0 0 0-.75-.87 1.65 1.65 0 0 0-2.35.87l-1.64 4.1-4.26.36a1.66 1.66 0 0 0-1.03.48 1.83 1.83 0 0 0-.47 1.7 1.73 1.73 0 0 0 .54.9l3.25 2.89-1 4.33a1.75 1.75 0 0 0 .65 1.82c.25.2.55.3.86.33h.03c.17.02.34 0 .51-.05Zm7.17-11.26a1.5 1.5 0 0 1-1.27-.94l-1.64-4.1c-.04-.09-.07-.1-.08-.12A.14.14 0 0 0 10 2.5c-.03 0-.06 0-.08.02-.01.01-.04.03-.08.11L8.2 6.74c-.2.53-.7.9-1.27.94l-4.26.36c-.05 0-.06.02-.08.03a.33.33 0 0 0-.08.3c0 .04.03.08.08.12l3.25 2.9c.4.36.58.92.46 1.45L5.58 16l-.27 1.18a.3.3 0 0 0 0 .17c.02.05.05.09.08.11l.08.04s.03 0 .08-.03l3.64-2.32a1.5 1.5 0 0 1 1.62 0l3.64 2.32c.05.03.07.03.08.03 0 0 .04 0 .08-.04a.25.25 0 0 0 .08-.1.3.3 0 0 0 0-.18L14.42 16l-.72-3.16a1.5 1.5 0 0 1 .46-1.45l3.25-2.9a.24.24 0 0 0 .08-.12.33.33 0 0 0-.08-.3c-.02-.01-.03-.03-.08-.03l-4.26-.36Z"
    />
  </svg>
);
