All files / lib/components/icons/Facebook 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
30
31
32
33
34
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
 
function FacebookIcon({ className, onClick }: { className?: string; onClick?: () => void }) {
  return (
    <svg
      width="48"
      height="48"
      viewBox="0 0 48 48"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      onClick={onClick}
    >
      <g clipPath="url(#clip0_2223_3327)">
        <path
          d="M48 24C48 28.7468 46.5924 33.3869 43.9553 37.3337C41.3181 41.2805 37.5698 44.3566 33.1844 46.1731C28.799 47.9896 23.9734 48.4649 19.3178 47.5389C14.6623 46.6128 10.3859 44.327 7.02944 40.9706C3.67298 37.6141 1.38721 33.3377 0.461166 28.6822C-0.46488 24.0266 0.0103948 19.201 1.8269 14.8156C3.6434 10.4302 6.71954 6.68189 10.6663 4.04473C14.6131 1.40758 19.2533 0 24 0C30.3652 0 36.4697 2.52857 40.9706 7.02944C45.4714 11.5303 48 17.6348 48 24Z"
          fill="#3B5998"
        />
        <path
          d="M30.5673 24.9403H26.2838V40.6286H19.7961V24.9403H16.7107V19.4251H19.7961V15.8577C19.7961 13.307 21.0076 9.31055 26.3433 9.31055L31.1433 9.33166V14.6837H27.6576C27.463 14.6734 27.2686 14.7064 27.0883 14.7801C26.908 14.8538 26.7462 14.9665 26.6145 15.1101C26.4829 15.2536 26.3846 15.4246 26.3268 15.6106C26.2689 15.7966 26.2529 15.9931 26.28 16.1861V19.4328H31.1308L30.5673 24.9403Z"
          fill="white"
        />
      </g>
      <defs>
        <clipPath id="clip0_2223_3327">
          <rect width="48" height="48" fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
}
 
export default FacebookIcon;