import React from 'react';

const ComparePriceIcon = () => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="18"
      height="18"
      fill="none"
      viewBox="0 0 12 16"
    >
      <path
        fill="url(#paint0_linear_976_7088)"
        fillRule="evenodd"
        d="M6.667 1.333a.667.667 0 0 0-1.334 0V2H2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h3.333v.667a.667.667 0 1 0 1.334 0V14a.667.667 0 0 0 0-1.333V3.333a.667.667 0 0 0 0-1.333zM9.333 2a.667.667 0 0 0 0 1.333H10a.667.667 0 0 1 .667.667v.667a.667.667 0 1 0 1.333 0V4a2 2 0 0 0-2-2zM12 7.333a.666.666 0 1 0-1.333 0v1.334a.667.667 0 1 0 1.333 0zm0 4a.666.666 0 1 0-1.333 0V12a.667.667 0 0 1-.667.667h-.667a.667.667 0 0 0 0 1.333H10a2 2 0 0 0 2-2z"
        clipRule="evenodd"
      ></path>
      <defs>
        <linearGradient
          id="paint0_linear_976_7088"
          x1="0"
          x2="12"
          y1="8"
          y2="8"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#802BA2"></stop>
          <stop offset="1" stopColor="#E74377"></stop>
        </linearGradient>
      </defs>
    </svg>
  );
};

export default ComparePriceIcon;