import React from 'react';

const InfoIcon = () => (
  <svg
    xmlns='http://www.w3.org/2000/svg'
    width='24'
    height='24'
    viewBox='0 0 24 24'
    fill='none'
  >
    <path
      d='M12 22.0001C17.5228 22.0001 22 17.523 22 12.0001C22 6.47727 17.5228 2.00012 12 2.00012C6.47715 2.00012 2 6.47727 2 12.0001C2 17.523 6.47715 22.0001 12 22.0001Z'
      stroke='url(#paint0_linear_1308_3212)'
      strokeWidth='1.5'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <path
      d='M12 16.0001V12.0001'
      stroke='url(#paint1_linear_1308_3212)'
      strokeWidth='1.5'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <path
      d='M12 8.00012H12.01'
      stroke='url(#paint2_linear_1308_3212)'
      strokeWidth='1.5'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <defs>
      <linearGradient
        id='paint0_linear_1308_3212'
        x1='2'
        y1='22.0001'
        x2='13.0969'
        y2='-2.09944'
        gradientUnits='userSpaceOnUse'
      >
        <stop stopColor='#91FF75' />
        <stop offset='0.9375' stopColor='#4AEBF1' />
        <stop offset='1' stopColor='#42E8FF' />
      </linearGradient>
      <linearGradient
        id='paint1_linear_1308_3212'
        x1='12'
        y1='16.0001'
        x2='14.4496'
        y2='14.6701'
        gradientUnits='userSpaceOnUse'
      >
        <stop stopColor='#91FF75' />
        <stop offset='0.9375' stopColor='#4AEBF1' />
        <stop offset='1' stopColor='#42E8FF' />
      </linearGradient>
      <linearGradient
        id='paint2_linear_1308_3212'
        x1='12'
        y1='9.00012'
        x2='12.0317'
        y2='8.99943'
        gradientUnits='userSpaceOnUse'
      >
        <stop stopColor='#91FF75' />
        <stop offset='0.9375' stopColor='#4AEBF1' />
        <stop offset='1' stopColor='#42E8FF' />
      </linearGradient>
    </defs>
  </svg>
);

export default InfoIcon;
