export const ExploreIcon = ({ className }: { className?: string }) => (
    <svg className={className} width="24" height="24" viewBox="0 0 20 20">
        <path
            fill="currentColor"
            d="M10 19.5999C12.5461 19.5999 14.9879 18.5885 16.7882 16.7881C18.5886 14.9878 19.6 12.546 19.6 9.9999C19.6 7.45382 18.5886 5.01203 16.7882 3.21168C14.9879 1.41133 12.5461 0.399902 10 0.399902C7.45395 0.399902 5.01215 1.41133 3.2118 3.21168C1.41145 5.01203 0.400024 7.45382 0.400024 9.9999C0.400024 12.546 1.41145 14.9878 3.2118 16.7881C5.01215 18.5885 7.45395 19.5999 10 19.5999ZM3.19842 7.6323C3.64397 6.35636 4.43897 5.23123 5.49282 4.3851C5.81442 4.8759 6.36882 5.1999 7.00002 5.1999C7.47741 5.1999 7.93525 5.38954 8.27282 5.72711C8.61038 6.06468 8.80002 6.52251 8.80002 6.9999V7.5999C8.80002 8.23642 9.05288 8.84687 9.50297 9.29696C9.95306 9.74705 10.5635 9.9999 11.2 9.9999C11.8365 9.9999 12.447 9.74705 12.8971 9.29696C13.3472 8.84687 13.6 8.23642 13.6 7.5999C13.5998 7.06281 13.7798 6.54117 14.1111 6.11846C14.4425 5.69575 14.906 5.3964 15.4276 5.2683C16.5728 6.5783 17.2027 8.25993 17.2 9.9999C17.2 10.4079 17.1664 10.8099 17.1004 11.1999H16C15.3635 11.1999 14.7531 11.4528 14.303 11.9028C13.8529 12.3529 13.6 12.9634 13.6 13.5999V16.2363C12.506 16.8693 11.264 17.2017 10 17.1999V14.7999C10 14.1634 9.74717 13.5529 9.29708 13.1028C8.84699 12.6528 8.23654 12.3999 7.60002 12.3999C6.96351 12.3999 6.35306 12.147 5.90297 11.697C5.45288 11.2469 5.20002 10.6364 5.20002 9.9999C5.20024 9.4323 4.99927 8.88299 4.63282 8.44954C4.26637 8.01608 3.75815 7.72653 3.19842 7.6323Z"
        />
    </svg>
);