gilbarbara/react-dropdown

import { px } from '~/modules/helpers';

export default function Arrow({ size = 12 }: { size?: number }): JSX.Element {
  return (
    <svg
      height={px(size)}
      preserveAspectRatio="xMidYMid"
      version="1.1"
      viewBox="0 0 16 16"
      width={px(size)}
      xmlns="http://www.w3.org/2000/svg"
    >
      <g transform="translate(0.0 3.5)">
        <path
          d="M14.6367713,0 C14.7802691,0 14.9237668,0.0461538462 15.0672646,0.138461538 L15.8565022,0.969230769 C15.9521674,1.06153846 16,1.17692308 16,1.31538462 C16,1.45384615 15.9521674,1.56923077 15.8565022,1.66153846 L8.39461883,8.86153846 C8.29895366,8.95384615 8.1793722,9 8.03587444,9 C7.89237668,9 7.74887892,8.95384615 7.60538117,8.86153846 L0.143497758,1.66153846 C0.0478325859,1.56923077 0,1.45384615 0,1.31538462 C0,1.17692308 0.0478325859,1.06153846 0.143497758,0.969230769 L1.0044843,0.138461538 C1.10014948,0.0461538462 1.21973094,0 1.3632287,0 C1.50672646,0 1.62630792,0.0461538462 1.72197309,0.138461538 L8.03587444,6.23076923 L14.2780269,0.138461538 C14.3736921,0.0461538462 14.4932735,0 14.6367713,0 Z"
          fill="currentColor"
        />
      </g>
    </svg>
  );
}