text: export default function FacebookIcon({ className, color = 'text-primary' }) {
      return (
          <svg width="369" className="w-10 h-10" height="369" viewBox="0 0 369 369" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g clipPath="url(#clip0_103_37)">
                  <g filter="url(#filter0_iii_103_37)">
                      <path fillRule="evenodd" clipRule="evenodd" d="M240.661 0C277.753 0 296.295 0 316.262 6.31188C338.061 14.2464 355.229 31.4147 363.164 53.2137C369.476 73.1778 369.476 91.7254 369.476 128.815V240.661C369.476 277.753 369.476 296.295 363.164 316.262C355.229 338.061 338.061 355.229 316.262 363.161C296.295 369.476 277.753 369.476 240.661 369.476H128.815C91.7224 369.476 73.1778 369.476 53.2137 363.161C31.4147 355.229 14.2464 338.061 6.31188 316.262C0 296.295 0 277.753 0 240.661V128.815C0 91.7254 0 73.1778 6.31188 53.2137C14.2464 31.4147 31.4147 14.2464 53.2137 6.31188C73.1778 0 91.7224 0 128.815 0H240.661Z" fill="url(#paint0_linear_103_37)"/>
                  </g>
                  <path d="M240.661 1.44326C277.802 1.44326 296.097 1.457 315.797 7.67867C337.172 15.4684 354.007 32.3037 361.797 53.6785C368.019 73.3753 368.033 91.6773 368.033 128.815V240.661C368.033 277.802 368.019 296.098 361.797 315.797C354.007 337.172 337.172 354.007 315.798 361.794C296.098 368.019 277.802 368.033 240.661 368.033H128.815C91.6737 368.033 73.3749 368.019 53.6779 361.794C32.3035 354.007 15.4684 337.172 7.67867 315.797C1.45701 296.097 1.44326 277.802 1.44326 240.661V128.815C1.44326 91.6772 1.45701 73.3752 7.67867 53.6784C15.4684 32.3036 32.3036 15.4684 53.6784 7.67867C73.3752 1.45701 91.6742 1.44326 128.815 1.44326H240.661Z" stroke="url(#paint1_linear_103_37)" strokeOpacity="0.7" strokeWidth="2.88653"/>
                  <path d="M240.661 1.44326C277.802 1.44326 296.097 1.457 315.797 7.67867C337.172 15.4684 354.007 32.3037 361.797 53.6785C368.019 73.3753 368.033 91.6773 368.033 128.815V240.661C368.033 277.802 368.019 296.098 361.797 315.797C354.007 337.172 337.172 354.007 315.798 361.794C296.098 368.019 277.802 368.033 240.661 368.033H128.815C91.6737 368.033 73.3749 368.019 53.6779 361.794C32.3035 354.007 15.4684 337.172 7.67867 315.797C1.45701 296.097 1.44326 277.802 1.44326 240.661V128.815C1.44326 91.6772 1.45701 73.3752 7.67867 53.6784C15.4684 32.3036 32.3036 15.4684 53.6784 7.67867C73.3752 1.45701 91.6742 1.44326 128.815 1.44326H240.661Z" stroke="url(#paint2_linear_103_37)" strokeOpacity="0.5" strokeWidth="2.88653"/>
                  <g filter="url(#filter1_ddiii_103_37)">
                      <path d="M228.583 120.504H257.856C261.898 120.504 265.175 117.238 265.175 113.21V69.4451C265.174 65.4173 261.897 62.1514 257.856 62.1514H228.582C184.123 62.1514 148.081 98.0742 148.081 142.387V178.857H111.489C107.448 178.857 104.171 182.123 104.171 186.152V229.917C104.171 233.945 107.448 237.211 111.489 237.211H148.081V368.506H206.627V237.211H243.219C246.368 237.209 249.162 235.199 250.157 232.222L264.793 188.457C266.071 184.635 263.997 180.505 260.163 179.231C259.419 178.985 258.64 178.858 257.856 178.857H206.627V142.387C206.628 130.302 216.457 120.504 228.583 120.504Z" fill="#FAFAFA" fillOpacity="0.7"/>
                      <g filter="url(#filter3_i_103_37)">
                          <path d="M228.583 120.504H257.856C261.898 120.504 265.175 117.238 265.175 113.21V69.4451C265.174 65.4173 261.897 62.1514 257.856 62.1514H228.582C184.123 62.1514 148.081 98.0742 148.081 142.387V178.857H111.489C107.448 178.857 104.171 182.123 104.171 186.152V229.917C104.171 233.945 107.448 237.211 111.489 237.211H148.081V368.506H206.627V237.211H243.219C246.368 237.209 249.162 235.199 250.157 232.222L264.793 188.457C266.071 184.635 263.997 180.505 260.163 179.231C259.419 178.985 258.64 178.858 257.856 178.857H206.627V142.387C206.628 130.302 216.457 120.504 228.583 120.504Z" fill="white"/>
                      </g>
                      <path d="M148.081 179.145H148.368V178.857V142.387C148.368 98.234 184.281 62.4391 228.582 62.4391H257.856C261.739 62.4391 264.886 65.5771 264.887 69.4451V113.21C264.887 117.079 261.74 120.217 257.856 120.217H228.583C216.299 120.217 206.34 130.142 206.339 142.387V178.857V179.145H206.627H257.855C258.609 179.146 259.358 179.267 260.072 179.504C263.756 180.728 265.747 184.695 264.52 188.366L249.884 232.131L250.157 232.222L249.884 232.131C248.929 234.99 246.244 236.921 243.219 236.923H206.627H206.339V237.211V368.218H148.368V237.211V236.923H148.081H111.489C107.606 236.923 104.459 233.785 104.459 229.917V186.152C104.459 182.283 107.606 179.145 111.489 179.145H148.081Z" stroke="url(#paint3_linear_103_37)" strokeWidth="0.575396"/>
                  </g>
              </g>
              <defs>
              <filter id="filter0_iii_103_37" x="0" y="-13.4858" width="390.536" height="415.26" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
                  <feFlood floodOpacity="0" result="BackgroundImageFix"/>
                  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                  <feOffset dy="-13.4858"/>
                  <feGaussianBlur stdDeviation="25.8928"/>
                  <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.308073 0 0 0 0 0.704167 0 0 0 1 0"/>
                  <feBlend mode="normal" in2="shape" result="effect1_innerShadow_103_37"/>
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                  <feOffset dx="21.0604" dy="32.2986"/>
                  <feGaussianBlur stdDeviation="26.2412"/>
                  <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
                  <feColorMatrix type="matrix" values="0 0 0 0 0.425 0 0 0 0 0.8 0 0 0 0 1 0 0 0 1 0"/>
                  <feBlend mode="normal" in2="effect1_innerShadow_103_37" result="effect2_innerShadow_103_37"/>
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                  <feOffset dx="4.49528" dy="8.22636"/>
                  <feGaussianBlur stdDeviation="5.6191"/>
                  <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
                  <feColorMatrix type="matrix" values="0 0 0 0 0.548047 0 0 0 0 0.842799 0 0 0 0 1 0 0 0 1 0"/>
                  <feBlend mode="normal" in2="effect2_innerShadow_103_37" result="effect3_innerShadow_103_37"/>
              </filter>
              <filter id="filter1_ddiii_103_37" x="77.1992" y="48.6655" width="214.947" height="369.3" filterUnits="userSpaceOnUse" colorinterpolation-filters="sRGB">
                  <feFlood floodOpacity="0" result="BackgroundImageFix"/>
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                  <feOffset dy="22.4876"/>
                  <feGaussianBlur stdDeviation="13.4858"/>
                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.122 0 0 0 0 0.254167 0 0 0 0.2 0"/>
                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_103_37"/>
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                  <feOffset dy="4.49528"/>
                  <feGaussianBlur stdDeviation="3.37146"/>
                  <feColorMatrix type="matrix" values="0 0 0 0 0.00302082 0 0 0 0 0.175571 0 0 0 0 0.3625 0 0 0 0.3 0"/>
                  <feBlend mode="normal" in2="effect1_dropShadow_103_37" result="effect2_dropShadow_103_37"/>
                  <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_103_37" result="shape"/>
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                  <feOffset dy="-13.4858"/>
                  <feGaussianBlur stdDeviation="8.99056"/>
                  <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
                  <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
                  <feBlend mode="normal" in2="shape" result="effect3_innerShadow_103_37"/>
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                  <feOffset dx="21.0604" dy="32.2986"/>
                  <feGaussianBlur stdDeviation="26.2412"/>
                  <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
                  <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0"/>
                  <feBlend mode="normal" in2="effect3_innerShadow_103_37" result="effect4_innerShadow_103_37"/>
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                  <feOffset dx="4.49528" dy="8.22636"/>
                  <feGaussianBlur stdDeviation="5.6191"/>
                  <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
                  <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
                  <feBlend mode="normal" in2="effect4_innerShadow_103_37" result="effect5_innerShadow_103_37"/>
              </filter>
              <filter id="filter2_bdf_103_37" x="-10.9083" y="-52.9278" width="391.162" height="536.513" filterUnits="userSpaceOnUse" colorinterpolation-filters="sRGB">
                  <feFlood floodOpacity="0" result="BackgroundImageFix"/>
                  <feGaussianBlur in="BackgroundImage" stdDeviation="57.5396"/>
                  <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_103_37"/>
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                  <feOffset dy="2.30158"/>
                  <feGaussianBlur stdDeviation="1.15079"/>
                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
                  <feBlend mode="normal" in2="effect1_backgroundBlur_103_37" result="effect2_dropShadow_103_37"/>
                  <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_103_37" result="shape"/>
                  <feGaussianBlur stdDeviation="4.31547" result="effect3_foregroundBlur_103_37"/>
              </filter>
              <filter id="filter3_i_103_37" x="104.171" y="62.1514" width="163.305" height="310.382" filterUnits="userSpaceOnUse" colorinterpolation-filters="sRGB">
                  <feFlood floodOpacity="0" result="BackgroundImageFix"/>
                  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                  <feOffset dx="2.30158" dy="4.02777"/>
                  <feGaussianBlur stdDeviation="4.31547"/>
                  <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
                  <feBlend mode="normal" in2="shape" result="effect1_innerShadow_103_37"/>
              </filter>
              <linearGradient id="paint0_linear_103_37" x1="184.738" y1="0" x2="184.738" y2="369.476" gradientUnits="userSpaceOnUse">
                  <stop stopColor="#19AFFF"/>
                  <stop offset="1" stopColor="#0063E0"/>
              </linearGradient>
              <linearGradient id="paint1_linear_103_37" x1="0" y1="0" x2="369.156" y2="369.156" gradientUnits="userSpaceOnUse">
                  <stop stopColor="white" stopOpacity="0.5"/>
                  <stop offset="0.471523" stopColor="white" stopOpacity="0"/>
              </linearGradient>
              <linearGradient id="paint2_linear_103_37" x1="369.156" y1="369.156" x2="0" y2="0" gradientUnits="userSpaceOnUse">
                  <stop stopOpacity="0.5"/>
                  <stop offset="0.267412" stopOpacity="0"/>
              </linearGradient>
              <linearGradient id="paint3_linear_103_37" x1="118.147" y1="115.819" x2="305.426" y2="368.506" gradientUnits="userSpaceOnUse">
                  <stop stopColor="white"/>
                  <stop offset="1" stopColor="white" stopOpacity="0"/>
              </linearGradient>
              <clipPath id="clip0_103_37">
                  <rect width="369" height="369" fill="white"/>
                  </clipPath>
              </defs>
          </svg>
      );
  }