All files / lib/components/icons/Share index.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
 
 
 
 
 
 
 
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
function ShareIcon({
  className,
  onClick,
  color = '#ffffff'
}: {
  className?: string;
  onClick?: () => unknown;
  color?: string;
}) {
  return (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      onClick={onClick}
    >
      <path
        fill={color}
        d="M18.5 15C17.4 15 16.5 15.5 15.8 16.3L8.9 12.7C9 12.5 9 12.2 9 12C9 11.8 9 11.5 8.9 11.3L15.8 7.7C16.5 8.5 17.4 9 18.5 9C20.4 9 22 7.4 22 5.5C22 3.6 20.4 2 18.5 2C16.6 2 15 3.6 15 5.5C15 5.8 15.1 6.1 15.1 6.4L8.3 9.9C7.7 9.1 6.7 8.5 5.5 8.5C3.6 8.5 2 10.1 2 12C2 13.9 3.6 15.5 5.5 15.5C6.7 15.5 7.7 14.9 8.3 14.1L15.1 17.6C15 17.9 15 18.2 15 18.5C15 20.4 16.6 22 18.5 22C20.4 22 22 20.4 22 18.5C22 16.6 20.4 15 18.5 15ZM18.5 3.5C19.6 3.5 20.5 4.4 20.5 5.5C20.5 6.6 19.6 7.5 18.5 7.5C17.4 7.5 16.5 6.6 16.5 5.5C16.5 4.4 17.4 3.5 18.5 3.5ZM5.5 14C4.4 14 3.5 13.1 3.5 12C3.5 10.9 4.4 10 5.5 10C6.6 10 7.5 10.9 7.5 12C7.5 13.1 6.6 14 5.5 14ZM18.5 20.5C17.4 20.5 16.5 19.6 16.5 18.5C16.5 17.4 17.4 16.5 18.5 16.5C19.6 16.5 20.5 17.4 20.5 18.5C20.5 19.6 19.6 20.5 18.5 20.5Z"
      />
    </svg>
  );
}
 
export default ShareIcon;