All files / lib/components/icons/Twitter 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
35
36
37
38
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
 
function TwitterIcon({ 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_2390_10370)">
        <path
          d="M48 24C48 28.7468 46.5925 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.3179 47.5389C14.6623 46.6128 10.3859 44.327 7.02946 40.9706C3.673 37.6141 1.3872 33.3377 0.461158 28.6822C-0.464887 24.0266 0.0104164 19.201 1.82692 14.8156C3.64342 10.4302 6.71953 6.68189 10.6663 4.04473C14.6131 1.40758 19.2533 0 24 0C30.3652 0 36.4697 2.52857 40.9706 7.02944C45.4715 11.5303 48 17.6348 48 24Z"
          fill="#1DA1F2"
        />
        <path
          d="M38.5335 15.7985C38.1356 15.9116 37.7231 15.9653 37.3095 15.9579L37.3316 15.8283C38.3191 15.0537 39.1527 14.101 39.7892 13.0193C39.8852 12.7025 39.7729 12.5931 39.7719 12.5835L37.7185 13.4552L36.0001 14.2309C35.3506 13.5681 34.5731 13.0442 33.715 12.6909C32.8569 12.3376 31.936 12.1622 31.0081 12.1755C27.4359 12.1755 24.5396 14.7061 24.5396 17.829C24.5359 18.548 24.6247 19.2646 24.8036 19.9611C24.8036 20.1243 24.8103 19.7969 24.8036 19.9611C22.0472 19.73 19.3677 18.9346 16.9316 17.6245C11.7476 14.9998 11.4279 13.1835 11.4279 13.1835C10.6148 14.0475 10.1943 16.9073 11.019 19.1499C11.5652 20.2359 12.3695 21.1714 13.3614 21.8744C12.7967 21.8694 12.2362 21.7774 11.6996 21.6017C11.278 21.4811 10.8814 21.286 10.5284 21.0257C10.0235 22.2584 11.0372 24.4597 12.7902 26.0379C13.6571 26.7035 14.6346 27.2108 15.6779 27.5365L12.7633 27.6181C12.5991 30.451 18.7047 32.1301 18.7047 32.1301C16.9771 33.5251 14.8337 34.3045 12.6135 34.3448C11.4869 34.3442 10.3663 34.1796 9.28711 33.8561C12.2839 36.4585 16.1475 37.8427 20.115 37.7355C31.0158 37.1595 37.1703 27.7918 37.4631 18.5893L37.4776 18.6085C38.0706 18.2358 38.6096 17.7836 39.0797 17.2645C39.7716 16.5555 40.3671 15.7586 40.851 14.8942C40.851 14.8942 39.219 15.6094 38.5335 15.7985Z"
          fill="white"
        />
        <path
          d="M39.7729 12.584C39.7729 12.6013 39.7806 12.7587 39.7729 12.584V12.584Z"
          fill="white"
        />
      </g>
      <defs>
        <clipPath id="clip0_2390_10370">
          <rect width="48" height="48" fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
}
 
export default TwitterIcon;