import * as React from 'react';

function SvgNote(props) {
  return (
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 32 32"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g clipPath="url(#note_svg__clip0_116_184)">
        <circle cx={16} cy={16} r={15.5} stroke={props.color} />
      </g>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M20.489 22.044h-7.822a2 2 0 01-2-2v-9.51a2 2 0 012-2h5.022v4.291c0 .737.597 1.334 1.333 1.334h3.467v5.885a2 2 0 01-2 2zm1.962-9.485a2 2 0 00-.528-1.005L19.575 9.14a2 2 0 00-.286-.244v3.664h3.162z"
        fill={props.color}
      />
      <defs>
        <clipPath id="note_svg__clip0_116_184">
          <path fill="#fff" d="M0 0h32v32H0z" />
        </clipPath>
      </defs>
    </svg>
  );
}

export default SvgNote;