const IconWrapper = styled.div` display: flex; width: 13px; height: 13px; justify-content: center; align-items: center; border-radius: 13px; background: var(--colors-pure-white, #fff); `; const NearIcon = () => ( <svg width="7" height="7" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M16.0426 1.0156L11.8632 7.22225C11.7955 7.31183 11.7642 7.42375 11.7756 7.5355C11.787 7.64725 11.8402 7.75054 11.9246 7.82459C12.009 7.89863 12.1183 7.93795 12.2305 7.93463C12.3427 7.93131 12.4495 7.8856 12.5294 7.80669L16.6422 4.25114C16.666 4.22938 16.6955 4.21507 16.7273 4.20997C16.7591 4.20487 16.7916 4.20922 16.8209 4.22247C16.8503 4.23572 16.8751 4.2573 16.8922 4.28451C16.9094 4.31173 16.9182 4.3434 16.9176 4.37559V15.5511C16.9173 15.5851 16.9066 15.6181 16.887 15.6458C16.8674 15.6735 16.8398 15.6945 16.808 15.7061C16.7761 15.7177 16.7415 15.7193 16.7087 15.7107C16.6759 15.702 16.6465 15.6836 16.6245 15.6578L4.18832 0.768929C3.98978 0.529902 3.7414 0.337223 3.46059 0.204401C3.17978 0.0715795 2.87333 0.00182978 2.56274 4.17137e-05H2.12969C1.56486 4.17137e-05 1.02317 0.224568 0.623772 0.624228C0.224377 1.02389 0 1.56594 0 2.13115V17.8689C0 18.4341 0.224377 18.9762 0.623772 19.3758C1.02317 19.7755 1.56486 20 2.12969 20C2.49363 20 2.85149 19.9066 3.16911 19.7288C3.48673 19.551 3.75353 19.2947 3.94404 18.9844L8.12347 12.7778C8.1912 12.6882 8.22251 12.5763 8.21112 12.4645C8.19972 12.3528 8.14646 12.2495 8.06205 12.1755C7.97764 12.1014 7.86834 12.0621 7.75613 12.0654C7.64393 12.0687 7.53714 12.1144 7.45725 12.1933L3.34444 15.7489C3.32072 15.7707 3.29115 15.785 3.25938 15.7901C3.22762 15.7952 3.19505 15.7908 3.16573 15.7776C3.13641 15.7643 3.11162 15.7427 3.09443 15.7155C3.07725 15.6883 3.06843 15.6566 3.06907 15.6245V4.46003C3.0694 4.4261 3.08008 4.39308 3.09967 4.36539C3.11926 4.33769 3.14683 4.31664 3.17869 4.30504C3.21056 4.29345 3.24521 4.29186 3.278 4.3005C3.31079 4.30913 3.34017 4.32758 3.3622 4.35337L15.7984 19.2422C15.9984 19.4791 16.2477 19.6694 16.5289 19.7999C16.81 19.9304 17.1162 19.9979 17.4262 19.9978H17.8703C18.15 19.9978 18.4269 19.9427 18.6853 19.8356C18.9437 19.7285 19.1785 19.5715 19.3762 19.3736C19.574 19.1757 19.7309 18.9408 19.8379 18.6822C19.9449 18.4237 20 18.1465 20 17.8667V2.13115C20 1.85016 19.9445 1.57195 19.8366 1.31252C19.7288 1.05309 19.5707 0.817561 19.3715 0.619495C19.1724 0.421428 18.936 0.264731 18.6761 0.15842C18.4161 0.0521092 18.1378 -0.00171628 17.857 4.17137e-05C17.493 8.54044e-05 17.1352 0.0934551 16.8176 0.271241C16.4999 0.449026 16.2331 0.705296 16.0426 1.0156Z" fill="#222222" /> </svg> ); return ( <IconWrapper> <NearIcon /> </IconWrapper> );