Social Media icons & buttons

Tailwind CSS Social Media Icons

Tailwind CSS Social media icons are UI components used to display icons representing different social media platforms, allowing users to easily identify and interact with social media profiles or share content on different platforms. Pagedone offers a wide range of social media icons, covering popular platforms such as Facebook, Twitter, Instagram, LinkedIn, YouTube, Pinterest, Snapchat, and many others.

Pagedone provides customization options for social media icons that allows developers to adjust various aspects such as size, color, hover effects, and alignment to match the design and branding of your application. You can shows many more expertly crafted icons on our Pagedone Icons page.

Default Icons with square buttons

Tailwind CSS provides a set of default classes for creating buttons that contain an icon. Tailwind social icons are often used in footers to make it easier for users to find sources of updates about your company.

<div class="bg-white w-full h-auto py-8 flex items-center justify-center gap-2 flex-wrap">
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 71 72"
fill="none">
<path
  d="M46.4233 38.6403L47.7279 30.3588H39.6917V24.9759C39.6917 22.7114 40.8137 20.4987 44.4013 20.4987H48.1063V13.4465C45.9486 13.1028 43.7685 12.9168 41.5834 12.8901C34.9692 12.8901 30.651 16.8626 30.651 24.0442V30.3588H23.3193V38.6403H30.651V58.671H39.6917V38.6403H46.4233Z"
  fill="#111827" />
</svg>
</a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 71 72"
fill="none">
<path
  d="M27.3762 35.7808C27.3762 31.1786 31.1083 27.4468 35.7132 27.4468C40.3182 27.4468 44.0522 31.1786 44.0522 35.7808C44.0522 40.383 40.3182 44.1148 35.7132 44.1148C31.1083 44.1148 27.3762 40.383 27.3762 35.7808ZM22.8683 35.7808C22.8683 42.8708 28.619 48.618 35.7132 48.618C42.8075 48.618 48.5581 42.8708 48.5581 35.7808C48.5581 28.6908 42.8075 22.9436 35.7132 22.9436C28.619 22.9436 22.8683 28.6908 22.8683 35.7808ZM46.0648 22.4346C46.0646 23.0279 46.2404 23.608 46.5701 24.1015C46.8997 24.595 47.3684 24.9797 47.9168 25.2069C48.4652 25.4342 49.0688 25.4939 49.6511 25.3784C50.2334 25.2628 50.7684 24.9773 51.1884 24.5579C51.6084 24.1385 51.8945 23.6041 52.0105 23.0222C52.1266 22.4403 52.0674 21.8371 51.8404 21.2888C51.6134 20.7406 51.2289 20.2719 50.7354 19.942C50.2418 19.6122 49.6615 19.436 49.0679 19.4358H49.0667C48.2708 19.4361 47.5077 19.7522 46.9449 20.3144C46.3821 20.8767 46.0655 21.6392 46.0648 22.4346ZM25.6072 56.1302C23.1683 56.0192 21.8427 55.6132 20.9618 55.2702C19.7939 54.8158 18.9606 54.2746 18.0845 53.4002C17.2083 52.5258 16.666 51.6938 16.2133 50.5266C15.8699 49.6466 15.4637 48.3214 15.3528 45.884C15.2316 43.2488 15.2073 42.4572 15.2073 35.781C15.2073 29.1048 15.2336 28.3154 15.3528 25.678C15.4639 23.2406 15.8731 21.918 16.2133 21.0354C16.668 19.8682 17.2095 19.0354 18.0845 18.1598C18.9594 17.2842 19.7919 16.7422 20.9618 16.2898C21.8423 15.9466 23.1683 15.5406 25.6072 15.4298C28.244 15.3086 29.036 15.2844 35.7132 15.2844C42.3904 15.2844 43.1833 15.3106 45.8223 15.4298C48.2612 15.5408 49.5846 15.9498 50.4677 16.2898C51.6356 16.7422 52.4689 17.2854 53.345 18.1598C54.2211 19.0342 54.7615 19.8682 55.2161 21.0354C55.5595 21.9154 55.9658 23.2406 56.0767 25.678C56.1979 28.3154 56.2221 29.1048 56.2221 35.781C56.2221 42.4572 56.1979 43.2466 56.0767 45.884C55.9656 48.3214 55.5573 49.6462 55.2161 50.5266C54.7615 51.6938 54.2199 52.5266 53.345 53.4002C52.4701 54.2738 51.6356 54.8158 50.4677 55.2702C49.5872 55.6134 48.2612 56.0194 45.8223 56.1302C43.1855 56.2514 42.3934 56.2756 35.7132 56.2756C29.033 56.2756 28.2432 56.2514 25.6072 56.1302ZM25.4001 10.9322C22.7371 11.0534 20.9174 11.4754 19.3282 12.0934C17.6824 12.7316 16.2892 13.5878 14.897 14.977C13.5047 16.3662 12.6502 17.7608 12.0116 19.4056C11.3933 20.9948 10.971 22.8124 10.8497 25.4738C10.7265 28.1394 10.6982 28.9916 10.6982 35.7808C10.6982 42.57 10.7265 43.4222 10.8497 46.0878C10.971 48.7494 11.3933 50.5668 12.0116 52.156C12.6502 53.7998 13.5049 55.196 14.897 56.5846C16.289 57.9732 17.6824 58.8282 19.3282 59.4682C20.9204 60.0862 22.7371 60.5082 25.4001 60.6294C28.0687 60.7506 28.92 60.7808 35.7132 60.7808C42.5065 60.7808 43.3592 60.7526 46.0264 60.6294C48.6896 60.5082 50.5081 60.0862 52.0983 59.4682C53.7431 58.8282 55.1373 57.9738 56.5295 56.5846C57.9218 55.1954 58.7745 53.7998 59.4149 52.156C60.0332 50.5668 60.4575 48.7492 60.5768 46.0878C60.698 43.4202 60.7262 42.57 60.7262 35.7808C60.7262 28.9916 60.698 28.1394 60.5768 25.4738C60.4555 22.8122 60.0332 20.9938 59.4149 19.4056C58.7745 17.7618 57.9196 16.3684 56.5295 14.977C55.1395 13.5856 53.7431 12.7316 52.1003 12.0934C50.5081 11.4754 48.6894 11.0514 46.0284 10.9322C43.3612 10.811 42.5085 10.7808 35.7152 10.7808C28.922 10.7808 28.0687 10.809 25.4001 10.9322Z"
  fill="#111827" />
</svg></a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72"
fill="none">
<path
  d="M40.7568 32.1716L59.3704 11H54.9596L38.7974 29.383L25.8887 11H11L30.5205 38.7983L11 61H15.4111L32.4788 41.5869L46.1113 61H61L40.7557 32.1716H40.7568ZM34.7152 39.0433L32.7374 36.2752L17.0005 14.2492H23.7756L36.4755 32.0249L38.4533 34.7929L54.9617 57.8986H48.1865L34.7152 39.0443V39.0433Z"
  fill="#111827" />
</svg></a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72"
fill="none">
<path
  d="M50.0783 22.6244C49.7746 22.4674 49.4789 22.2953 49.1924 22.1088C48.3592 21.5579 47.5952 20.9089 46.9171 20.1756C45.2202 18.2341 44.5864 16.2644 44.353 14.8853H44.3624C44.1674 13.7406 44.248 13 44.2602 13H36.5314V42.8856C36.5314 43.2869 36.5314 43.6834 36.5146 44.0753C36.5146 44.1241 36.5099 44.1691 36.5071 44.2216C36.5071 44.2431 36.5071 44.2656 36.5024 44.2881C36.5024 44.2938 36.5024 44.2994 36.5024 44.305C36.4209 45.3773 36.0772 46.4131 35.5014 47.3214C34.9257 48.2297 34.1355 48.9825 33.2005 49.5138C32.226 50.0681 31.1238 50.359 30.0027 50.3575C26.4017 50.3575 23.4833 47.4213 23.4833 43.795C23.4833 40.1688 26.4017 37.2325 30.0027 37.2325C30.6843 37.2319 31.3618 37.3391 32.0099 37.5503L32.0192 29.6809C30.0518 29.4268 28.053 29.5832 26.149 30.1402C24.245 30.6972 22.477 31.6427 20.9567 32.9172C19.6246 34.0746 18.5047 35.4557 17.6474 36.9981C17.3211 37.5606 16.0902 39.8209 15.9411 43.4894C15.8474 45.5716 16.4727 47.7288 16.7708 48.6203V48.6391C16.9583 49.1641 17.6849 50.9556 18.8689 52.4659C19.8237 53.6774 20.9518 54.7417 22.2167 55.6244V55.6056L22.2355 55.6244C25.9771 58.1669 30.1255 58 30.1255 58C30.8436 57.9709 33.2492 58 35.9811 56.7053C39.0111 55.27 40.7361 53.1316 40.7361 53.1316C41.8381 51.8538 42.7144 50.3977 43.3274 48.8256C44.0267 46.9872 44.2602 44.7822 44.2602 43.9009V28.0459C44.3539 28.1022 45.6027 28.9281 45.6027 28.9281C45.6027 28.9281 47.4017 30.0813 50.2086 30.8322C52.2224 31.3666 54.9355 31.4791 54.9355 31.4791V23.8066C53.9849 23.9097 52.0546 23.6097 50.0783 22.6244Z"
  fill="#111827" />
</svg></a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 71 72"
fill="none">
<path
  d="M12.5068 56.8405L15.7915 44.6381C13.1425 39.8847 12.3009 34.3378 13.4211 29.0154C14.5413 23.693 17.5482 18.952 21.89 15.6624C26.2319 12.3729 31.6173 10.7554 37.0583 11.1068C42.4992 11.4582 47.6306 13.755 51.5108 17.5756C55.3911 21.3962 57.7599 26.4844 58.1826 31.9065C58.6053 37.3286 57.0535 42.7208 53.812 47.0938C50.5705 51.4668 45.8568 54.5271 40.5357 55.7133C35.2146 56.8994 29.6432 56.1318 24.8438 53.5513L12.5068 56.8405ZM25.4386 48.985L26.2016 49.4365C29.6779 51.4918 33.7382 52.3423 37.7498 51.8555C41.7613 51.3687 45.4987 49.5719 48.3796 46.7452C51.2605 43.9185 53.123 40.2206 53.6769 36.2279C54.2308 32.2351 53.445 28.1717 51.4419 24.6709C49.4388 21.1701 46.331 18.4285 42.6027 16.8734C38.8745 15.3184 34.7352 15.0372 30.8299 16.0736C26.9247 17.11 23.4729 19.4059 21.0124 22.6035C18.5519 25.801 17.2209 29.7206 17.2269 33.7514C17.2237 37.0937 18.1503 40.3712 19.9038 43.2192L20.3823 44.0061L18.546 50.8167L25.4386 48.985Z"
  fill="#111827" />
<path fill-rule="evenodd" clip-rule="evenodd"
  d="M43.9566 36.8847C43.5093 36.5249 42.9856 36.2716 42.4254 36.1442C41.8651 36.0168 41.2831 36.0186 40.7236 36.1495C39.8831 36.4977 39.3399 37.8134 38.7968 38.4713C38.6823 38.629 38.514 38.7396 38.3235 38.7823C38.133 38.8251 37.9335 38.797 37.7623 38.7034C34.6849 37.5012 32.1055 35.2965 30.4429 32.4475C30.3011 32.2697 30.2339 32.044 30.2557 31.8178C30.2774 31.5916 30.3862 31.3827 30.5593 31.235C31.165 30.6368 31.6098 29.8959 31.8524 29.0809C31.9063 28.1818 31.6998 27.2863 31.2576 26.5011C30.9157 25.4002 30.265 24.42 29.3825 23.6762C28.9273 23.472 28.4225 23.4036 27.9292 23.4791C27.4359 23.5546 26.975 23.7709 26.6021 24.1019C25.9548 24.6589 25.4411 25.3537 25.0987 26.135C24.7562 26.9163 24.5939 27.7643 24.6236 28.6165C24.6256 29.0951 24.6864 29.5716 24.8046 30.0354C25.1049 31.1497 25.5667 32.2144 26.1754 33.1956C26.6145 33.9473 27.0937 34.6749 27.6108 35.3755C29.2914 37.6767 31.4038 39.6305 33.831 41.1284C35.049 41.8897 36.3507 42.5086 37.7105 42.973C39.1231 43.6117 40.6827 43.8568 42.2237 43.6824C43.1018 43.5499 43.9337 43.2041 44.6462 42.6755C45.3588 42.1469 45.9302 41.4518 46.3102 40.6512C46.5334 40.1675 46.6012 39.6269 46.5042 39.1033C46.2714 38.0327 44.836 37.4007 43.9566 36.8847Z"
  fill="#111827" />
</svg></a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 71 72"
fill="none">
<path
  d="M33.2808 13.0437C25.8492 13.893 18.4439 20.0479 18.1382 28.84C17.9461 34.2083 19.435 38.2356 24.4258 39.3664C26.5915 35.4553 23.7272 34.5927 23.2818 31.7633C21.4523 20.1686 36.346 12.2615 44.14 20.3563C49.5324 25.9615 45.9826 43.206 37.2848 41.4136C28.9537 39.7017 41.3629 25.9749 34.713 23.2796C29.3074 21.0894 26.4343 29.9798 28.9974 34.396C27.4953 41.9902 24.2599 49.1464 25.5698 58.6715C29.8183 55.5158 31.2504 49.4727 32.425 43.1702C34.5601 44.4978 35.6998 45.8789 38.4244 46.0935C48.4714 46.8891 54.0822 35.8263 52.7112 25.6218C51.4929 16.5749 42.6729 11.971 33.2808 13.0437Z"
  fill="#111827" />
</svg></a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72"
fill="none">
<path
  d="M24.7612 55.999V28.3354H15.5433V55.999H24.7621H24.7612ZM20.1542 24.5591C23.3679 24.5591 25.3687 22.4348 25.3687 19.7801C25.3086 17.065 23.3679 15 20.2153 15C17.0605 15 15 17.065 15 19.7799C15 22.4346 17.0001 24.5588 20.0938 24.5588H20.1534L20.1542 24.5591ZM29.8633 55.999H39.0805V40.5521C39.0805 39.7264 39.1406 38.8985 39.3841 38.3088C40.0502 36.6562 41.5668 34.9455 44.1138 34.9455C47.4484 34.9455 48.7831 37.4821 48.7831 41.2014V55.999H58V40.1376C58 31.6408 53.4532 27.6869 47.3887 27.6869C42.4167 27.6869 40.233 30.4589 39.0198 32.347H39.0812V28.3364H29.8638C29.9841 30.9316 29.8631 56 29.8631 56L29.8633 55.999Z"
  fill="#111827" />
</svg></a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72"
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
  d="M36.4808 11C22.1254 11 11 21.317 11 35.2508C11 42.5396 14.0454 48.8375 19.0031 53.1887C19.4184 53.5559 19.6696 54.0639 19.6901 54.6122L19.8285 59.059C19.8747 60.4775 21.3666 61.398 22.6894 60.8296L27.7445 58.6414C28.1752 58.4553 28.652 58.4201 29.1031 58.5408C31.4256 59.1696 33.9019 59.5016 36.4808 59.5016C50.8361 59.5016 61.9615 49.1846 61.9615 35.2508C61.9615 21.317 50.8361 11 36.4808 11ZM51.7795 29.6572L44.2942 41.3072C43.1047 43.1584 40.5515 43.6211 38.7674 42.3082L32.815 37.9269C32.2664 37.5245 31.5179 37.5295 30.9745 37.9319L22.9355 43.9179C21.8639 44.7177 20.4592 43.4551 21.1821 42.3384L28.6674 30.6884C29.8568 28.8372 32.41 28.3745 34.1942 29.6874L40.1465 34.0687C40.6951 34.4711 41.4436 34.4661 41.9871 34.0637L50.0261 28.0777C51.0976 27.2779 52.5024 28.5405 51.7795 29.6572Z"
  fill="#111827" />
</svg></a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72"
fill="none">
<path
  d="M17.5822 33.5652C17.5822 33.5652 36.2102 25.7194 42.6707 22.9567C45.1473 21.8518 53.546 18.3155 53.546 18.3155C53.546 18.3155 57.4224 16.7685 57.0993 20.5256C56.9916 22.0728 56.1302 27.4874 55.2688 33.3442C53.9767 41.6322 52.5769 50.6935 52.5769 50.6935C52.5769 50.6935 52.3615 53.2352 50.5311 53.6772C48.7006 54.1192 45.6856 52.1302 45.1473 51.6881C44.7165 51.3566 37.0715 46.3838 34.272 43.9527C33.5182 43.2897 32.6569 41.9637 34.3796 40.4166C38.256 36.7699 42.886 32.2392 45.6856 29.3661C46.9778 28.04 48.2698 24.9459 42.886 28.703C35.2411 34.1178 27.7038 39.201 27.7038 39.201C27.7038 39.201 25.9809 40.306 22.7507 39.3115C19.5203 38.317 15.7516 36.9909 15.7516 36.9909C15.7516 36.9909 13.1675 35.3334 17.5822 33.5652Z"
  fill="#111827" />
</svg>
</a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72"
fill="none">
<path
  d="M45.8956 26.0879C46.8845 26.0879 47.8503 26.1701 48.8032 26.2876C47.0805 18.7224 39.1346 13 29.5799 13C18.7651 13 10 20.3257 10 29.3599C10 34.5686 12.9306 39.1897 17.4761 42.1798L14.8948 47.3562L21.9268 44.336C23.4347 44.873 25.0016 45.3152 26.6753 45.521C26.4465 44.5226 26.3166 43.4991 26.3166 42.4487C26.3166 33.4273 35.0976 26.0879 45.8956 26.0879ZM36.1064 20.3615C37.4577 20.3615 38.5536 21.4608 38.5536 22.8158C38.5536 24.1713 37.4578 25.2698 36.1064 25.2698C34.7543 25.2698 33.6589 24.1713 33.6589 22.8158C33.6589 21.4607 34.7543 20.3615 36.1064 20.3615ZM23.0531 25.2698C21.7016 25.2698 20.6057 24.1713 20.6057 22.8158C20.6057 21.4608 21.7017 20.3615 23.0531 20.3615C24.4045 20.3615 25.5006 21.4608 25.5006 22.8158C25.5005 24.1713 24.4044 25.2698 23.0531 25.2698Z"
  fill="#111827" />
<path
  d="M62.2121 42.4484C62.2121 35.22 54.9051 29.3599 45.8956 29.3599C36.8858 29.3599 29.5799 35.22 29.5799 42.4484C29.5799 49.6763 36.8858 55.5365 45.8956 55.5365C47.3773 55.5365 48.7867 55.3271 50.1542 55.0297L58.9489 58.8084L55.9072 52.713C59.7191 50.3174 62.2121 46.6335 62.2121 42.4484ZM41.001 41.6303C39.6496 41.6303 38.5534 40.5314 38.5534 39.1757C38.5534 37.8207 39.6495 36.7222 41.001 36.7222C42.3528 36.7222 43.4482 37.8212 43.4482 39.1757C43.4482 40.5316 42.3526 41.6303 41.001 41.6303ZM50.7905 41.6303C49.4385 41.6303 48.3433 40.5314 48.3433 39.1757C48.3433 37.8207 49.4384 36.7222 50.7905 36.7222C52.1425 36.7222 53.238 37.8212 53.238 39.1757C53.238 40.5316 52.1425 41.6303 50.7905 41.6303Z"
  fill="#111827" />
</svg></a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72"
fill="none">
<path
  d="M25.3725 54.3647C25.3725 53.5978 25.3725 52.831 25.3725 52.0642C25.378 52.0328 25.3769 52.0007 25.3693 51.9698C25.3617 51.9389 25.3478 51.9099 25.3284 51.8845C25.309 51.8591 25.2846 51.838 25.2566 51.8223C25.2286 51.8067 25.1977 51.7969 25.1657 51.7935C23.2458 51.2536 21.4738 50.2917 19.9817 48.9795C18.8945 48.0005 17.9894 46.8402 17.3073 45.5514C16.3461 43.6897 15.7063 41.6818 15.4146 39.6111C15.0532 37.0135 14.9277 34.3891 15.0396 31.7693C15.0641 30.5479 15.1272 29.3404 15.2674 28.1191C15.491 25.7981 16.0824 23.5265 17.0199 21.3876C18.1776 18.7579 20.2777 16.6455 22.9155 15.4577C24.7123 14.6438 26.6026 14.0495 28.5446 13.6881C30.4491 13.331 32.3773 13.1119 34.3139 13.0324C36.0597 12.9712 37.8074 12.9967 39.5505 13.1087C42.0454 13.2129 44.5177 13.622 46.9112 14.3266C48.6858 14.833 50.374 15.599 51.9199 16.5993C53.4262 17.6229 54.6445 19.0093 55.46 20.6278C56.4188 22.5181 57.0706 24.5462 57.3913 26.6375C57.5997 27.879 57.7366 29.1314 57.8014 30.3883C57.8926 31.9463 57.882 33.5111 57.8225 35.0621C57.7629 36.6131 57.6297 38.119 57.4369 39.6388C57.1932 41.9199 56.4849 44.1283 55.3549 46.1308C53.884 48.664 51.5277 50.577 48.7303 51.509C46.8175 52.1721 44.8425 52.6441 42.8348 52.9178C41.3662 53.119 39.894 53.2647 38.4149 53.3237C37.2827 53.3758 36.1506 53.3619 35.0185 53.3446C34.377 53.3446 33.7391 53.2821 33.1012 53.2266C33.0386 53.2149 32.9738 53.2218 32.9152 53.2465C32.8566 53.2712 32.8066 53.3126 32.7717 53.3654C31.4819 54.899 30.1429 56.391 28.7935 57.8761C28.5477 58.1471 28.2631 58.3809 27.9487 58.5701C27.7424 58.7041 27.5072 58.7882 27.2619 58.8156C27.0167 58.843 26.7685 58.8129 26.5372 58.7278C26.3059 58.6427 26.098 58.5049 25.9304 58.3256C25.7628 58.1463 25.6401 57.9306 25.5723 57.6957C25.4387 57.2783 25.3725 56.8427 25.376 56.4049C25.3725 55.7179 25.3725 55.0413 25.3725 54.3647ZM26.9323 57.2758L27.097 57.1232L30.0237 53.9067C31.15 52.6691 32.2752 51.4304 33.3991 50.1905C33.4544 50.1149 33.5289 50.0551 33.6151 50.0173C33.7013 49.9795 33.7961 49.965 33.8898 49.9754C34.2719 50.0135 34.6539 50.0274 35.0395 50.0309C36.3714 50.0309 37.7034 50.0309 39.0353 49.9372C40.2445 49.8435 41.4503 49.6978 42.649 49.5104C43.9396 49.288 45.2173 48.9973 46.4765 48.6395C49.2806 47.8935 51.4502 46.2974 52.8137 43.7124C53.6187 42.1231 54.1235 40.4015 54.3034 38.6326C54.5164 36.9653 54.6439 35.2884 54.6854 33.6083C54.7476 31.4978 54.602 29.3863 54.2508 27.3037C54.0073 25.7948 53.5691 24.3231 52.9469 22.9248C52.1548 21.1899 51.0331 19.7534 49.3051 18.8304C46.6553 17.4147 43.7882 16.7832 40.8334 16.4605C39.9957 16.3703 39.158 16.3217 38.3167 16.2905C36.5943 16.2026 34.8682 16.2119 33.1468 16.3183C31.9088 16.4092 30.6775 16.5737 29.4594 16.811C27.6682 17.1342 25.9353 17.7189 24.3175 18.5459C23.3796 19.015 22.5287 19.638 21.8008 20.3883C20.6213 21.6935 19.756 23.2464 19.2702 24.9303C18.6938 26.8915 18.3792 28.9189 18.3343 30.9608C18.2216 33.0028 18.2473 35.05 18.4114 37.0885C18.5136 38.3017 18.7187 39.5042 19.0248 40.6832C19.4802 42.5206 20.3637 44.227 21.6046 45.6659C22.9442 47.1338 24.6757 48.1971 26.5993 48.7332C26.8411 48.806 26.9498 48.8893 26.9498 49.16C26.9288 50.1593 26.9498 51.1586 26.9498 52.1579L26.9323 57.2758Z"
  fill="#111827" />
<path
  d="M24.4795 26.2839C24.4549 25.524 24.872 24.9723 25.3768 24.4761C26.0424 23.8449 26.7758 23.2876 27.5639 22.8141C27.9233 22.5947 28.3506 22.5111 28.7672 22.5787C29.1838 22.6463 29.5618 22.8605 29.8317 23.1819C30.7852 24.1741 31.6386 25.256 32.3799 26.4123C32.7469 26.9324 33.0241 27.5093 33.2001 28.1194C33.2704 28.3575 33.275 28.6099 33.2133 28.8504C33.1517 29.0908 33.0261 29.3105 32.8496 29.4865C32.4452 29.8795 32.0142 30.2447 31.5597 30.5795C31.3307 30.7602 31.1604 31.0036 31.07 31.2794C30.9796 31.5552 30.9732 31.8512 31.0515 32.1305C31.3322 33.4424 31.9683 34.6539 32.8916 35.635C34.0136 36.9909 35.4592 38.0487 37.0977 38.7128C37.5003 38.9177 37.9617 38.9801 38.4051 38.8897C38.648 38.8241 38.8638 38.6845 39.022 38.4907C39.2673 38.1819 39.5337 37.8835 39.7546 37.5538C40.041 37.1427 40.4783 36.8585 40.9733 36.7619C41.4683 36.6653 41.9818 36.764 42.4044 37.0368C43.5925 37.7193 44.7142 38.5091 45.7552 39.3963C46.0006 39.6045 46.2565 39.8057 46.5018 40.0174C46.7921 40.2366 47.0018 40.544 47.0987 40.8925C47.1955 41.2409 47.1742 41.6113 47.0381 41.9466C46.8215 42.5106 46.5059 43.0321 46.1057 43.4872C45.6085 44.1714 44.9751 44.7476 44.2445 45.1805C43.8953 45.3835 43.5029 45.5027 43.0988 45.5286C42.6946 45.5545 42.2899 45.4864 41.9172 45.3297C39.0813 44.1994 36.4316 42.6569 34.0553 40.753C31.7311 38.8589 29.6999 36.6378 28.0266 34.1604C26.6186 32.1095 25.4984 29.8789 24.6968 27.5296C24.6114 27.2454 24.5412 26.957 24.4865 26.6656C24.4709 26.5389 24.4685 26.411 24.4795 26.2839Z"
  fill="#111827" />
<path
  d="M36.5807 22.5919C38.9533 22.6354 41.2353 23.5017 43.0288 25.0401C44.8224 26.5784 46.0136 28.691 46.3949 31.0097C46.5484 31.8527 46.6305 32.7069 46.6402 33.5635C46.6402 33.7647 46.5877 33.9104 46.3703 33.9313C46.153 33.9521 46.0969 33.7682 46.0969 33.5843C46.1295 31.8517 45.7702 30.1339 45.0454 28.5565C44.435 27.2604 43.5308 26.1212 42.4031 25.2275C41.2754 24.3339 39.9546 23.7098 38.5435 23.4039C37.7975 23.2329 37.0345 23.1444 36.2687 23.1402C36.1942 23.1414 36.1198 23.1321 36.0479 23.1124C35.9867 23.0953 35.9346 23.0554 35.9026 23.001C35.8705 22.9466 35.8611 22.8821 35.8762 22.8209C35.8766 22.7919 35.8829 22.7633 35.8946 22.7367C35.9064 22.7101 35.9233 22.6861 35.9445 22.6661C35.9657 22.6461 35.9908 22.6305 36.0181 22.6201C36.0455 22.6097 36.0747 22.6049 36.104 22.6058C36.2617 22.585 36.423 22.5919 36.5807 22.5919Z"
  fill="#111827" />
<path
  d="M43.3468 32.0019C43.3351 31.038 43.0953 30.0902 42.6467 29.2345C42.198 28.3788 41.5531 27.6392 40.7636 27.0748C39.8422 26.4341 38.7709 26.0364 37.6511 25.9194C37.4618 25.8951 37.2726 25.8847 37.0798 25.8639C36.887 25.843 36.7713 25.7632 36.7889 25.5689C36.8064 25.3746 36.9291 25.3052 37.1394 25.3191C40.2449 25.5065 42.8877 27.2448 43.7009 30.4822C43.8496 31.1064 43.9237 31.7457 43.9217 32.3871C43.9217 32.4461 43.9217 32.5051 43.9217 32.5606C43.9217 32.7341 43.8095 32.8486 43.6378 32.8451C43.5997 32.8438 43.5622 32.8349 43.5278 32.8188C43.4933 32.8028 43.4625 32.7799 43.4372 32.7516C43.412 32.7234 43.3928 32.6903 43.3809 32.6545C43.3689 32.6187 43.3645 32.5808 43.3679 32.5432C43.3398 32.3801 43.3468 32.2136 43.3468 32.0019Z"
  fill="#111827" />
<path
  d="M37.9059 28.1364C39.6093 28.2509 40.7976 29.0767 41.1235 30.8706C41.1631 31.1004 41.1912 31.332 41.2077 31.5646C41.2077 31.752 41.1656 31.9116 40.9588 31.9116C40.752 31.9116 40.6819 31.7728 40.6749 31.5646C40.6729 30.877 40.4589 30.2063 40.0615 29.6423C39.6438 29.1315 39.0442 28.7987 38.3861 28.7124C38.2389 28.6852 38.0903 28.6666 37.9409 28.6569C37.6956 28.6569 37.5589 28.5355 37.5904 28.3481C37.622 28.1607 37.7692 28.126 37.9059 28.1364Z"
  fill="#111827" />
</svg></a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72"
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
  d="M11.1081 26.9185C11.2825 29.0304 11.9143 31.0712 12.951 32.9027C12.7897 34.0027 12.7082 35.1152 12.7082 36.2319C12.7082 39.2582 13.3069 42.2549 14.4702 45.0508C15.6334 47.8468 17.3385 50.3872 19.4879 52.5271C21.6373 54.6671 24.1891 56.3646 26.9975 57.5227C29.8058 58.6808 32.8158 59.2769 35.8556 59.2769C36.7797 59.2769 37.7011 59.2218 38.615 59.1125C39.0204 59.3507 39.4381 59.5697 39.8667 59.7685C40.3247 59.9811 40.7948 60.1704 41.2749 60.3352L41.2815 60.3337C42.7961 60.8519 44.3999 61.1235 46.0319 61.1235C47.9518 61.1235 49.8528 60.7471 51.6266 60.0156C53.4003 59.2841 55.0119 58.212 56.3695 56.8605C57.727 55.5089 58.8039 53.9044 59.5386 52.1385C60.2733 50.3726 60.6515 48.4799 60.6515 46.5685C60.6515 46.1608 60.6343 45.7539 60.6001 45.349C60.4306 43.2486 59.8087 41.2165 58.7847 39.3893C58.9297 38.3453 59.003 37.2904 59.003 36.2319C59.003 33.2056 58.4042 30.2089 57.241 27.4129C56.0777 24.617 54.3727 22.0765 52.2233 19.9366C50.0738 17.7967 47.5221 16.0992 44.7137 14.9411C41.9053 13.7829 38.8953 13.1869 35.8556 13.1869C35.0301 13.1869 34.2068 13.2308 33.3891 13.3181C32.9962 13.0741 32.5911 12.8484 32.1748 12.6419L32.1735 12.6421C31.7305 12.4224 31.2754 12.2247 30.81 12.0502L30.8045 12.0513C30.531 11.9491 30.2543 11.855 29.9748 11.7693C29.1664 11.5204 28.3345 11.3411 27.4879 11.2352L27.4849 11.2362C26.8858 11.1615 26.2795 11.1235 25.6693 11.1235C21.7932 11.1235 18.076 12.6565 15.3352 15.3851C12.5944 18.1138 11.0547 21.8146 11.0547 25.6735C11.0547 26.0906 11.0725 26.5062 11.1081 26.9185ZM27.0659 33.0286C27.6308 33.9944 28.4114 34.8169 29.3468 35.4319C30.5861 36.2419 31.9036 36.9259 33.2795 37.4736C34.8179 38.1158 36.0114 38.6602 36.8601 39.1069C37.5778 39.4595 38.2292 39.9331 38.7856 40.5069C39.2067 40.9532 39.4407 41.5436 39.4397 42.1569C39.4578 42.5894 39.3725 43.02 39.1908 43.413C39.0092 43.806 38.7364 44.1501 38.3952 44.4169C37.4835 45.0297 36.3928 45.3201 35.2967 45.2419C34.6769 45.2483 34.0584 45.1846 33.453 45.0519C32.962 44.9442 32.4818 44.7925 32.0181 44.5986C31.6121 44.423 31.0576 44.1597 30.3546 43.8086C29.7892 43.5073 29.1599 43.3456 28.5192 43.3369C27.9442 43.3134 27.3821 43.5115 26.9491 43.8902C26.7426 44.0866 26.5812 44.3254 26.476 44.5901C26.3709 44.8548 26.3245 45.1392 26.3401 45.4236C26.3272 45.9627 26.49 46.4915 26.8039 46.9302C27.1821 47.409 27.6711 47.7888 28.2289 48.0369C30.4105 48.9814 32.7753 49.4283 35.1516 49.3452C36.8808 49.38 38.6018 49.0998 40.2305 48.5186C41.5819 48.0393 42.7587 47.1668 43.6093 46.0136C44.4446 44.7955 44.8679 43.3425 44.8173 41.8669C44.8497 40.6618 44.5477 39.4712 43.9447 38.4269C43.3322 37.4333 42.5071 36.5875 41.5286 35.9502C40.2897 35.1519 38.9753 34.477 37.6043 33.9352C37.4577 33.8635 37.306 33.8028 37.1504 33.7536C35.7455 33.1736 34.6888 32.708 33.9803 32.3569C33.3477 32.0607 32.7748 31.6511 32.29 31.1486C31.8821 30.7208 31.6571 30.151 31.6627 29.5602C31.6431 29.1102 31.7449 28.6633 31.9574 28.266C32.1699 27.8688 32.4853 27.5358 32.8707 27.3019C33.7839 26.7581 34.8349 26.4895 35.8974 26.5286C36.7125 26.52 37.5251 26.6209 38.3134 26.8286C39.1697 27.0752 40.0077 27.3815 40.8212 27.7452C41.1512 27.8982 41.5102 27.9789 41.874 27.9819C42.1384 27.9889 42.4014 27.94 42.6455 27.8383C42.8896 27.7366 43.1095 27.5845 43.2906 27.3919C43.482 27.1829 43.6303 26.9383 43.7271 26.6721C43.8238 26.4059 43.8672 26.1232 43.8546 25.8402C43.8631 25.2956 43.6727 24.7665 43.319 24.3519C42.8388 23.848 42.2433 23.4683 41.5837 23.2452C40.8653 22.9817 40.1225 22.7902 39.3662 22.6736C38.3096 22.5004 37.24 22.4185 36.1694 22.4286C34.5329 22.4189 32.9071 22.6924 31.364 23.2369C29.9453 23.7153 28.6787 24.5607 27.6933 25.6869C26.745 26.8084 26.2437 28.2395 26.285 29.7069C26.2514 30.8631 26.5205 32.0081 27.0659 33.0286Z"
  fill="#111827" />
</svg></a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72"
fill="none">
<path
  d="M11.9362 56.1235H20.4189V35.5227L8.30078 26.434V52.4881C8.30078 54.4997 9.93067 56.1235 11.9362 56.1235Z"
  fill="#111827" />
<path
  d="M49.5025 56.1235H57.9853C59.9969 56.1235 61.6207 54.4936 61.6207 52.4881V26.434L49.5025 35.5227"
  fill="#111827" />
<path
  d="M49.5025 19.7693V35.5227L61.6207 26.434V21.587C61.6207 17.0912 56.4887 14.5282 52.8956 17.2245"
  fill="#111827" />
<path d="M20.4189 35.5227V19.769L34.9607 30.6754L49.5025 19.7693V35.5227L34.9607 46.429"
  fill="#111827" />
<path
  d="M8.30078 21.587V26.434L20.4189 35.5227V19.769L17.0259 17.2245C13.4268 14.5282 8.30078 17.0912 8.30078 21.587Z"
  fill="#111827" />
</svg></a>
<a href="javascript:;"
class="p-2 rounded-lg flex items-center border border-gray-300 justify-center transition-all duration-500 hover:border-gray-100 hover:bg-gray-100">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 71 71"
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
  d="M56.5615 18.2428C58.8115 18.8504 60.58 20.6234 61.1778 22.8708C62.2654 26.9495 62.2654 35.4647 62.2654 35.4647C62.2654 35.4647 62.2654 43.98 61.1778 48.0586C60.5717 50.3144 58.8032 52.0873 56.5615 52.6866C52.4932 53.7771 36.1703 53.7771 36.1703 53.7771C36.1703 53.7771 19.8557 53.7771 15.7791 52.6866C13.5291 52.079 11.7606 50.306 11.1628 48.0586C10.0752 43.98 10.0752 35.4647 10.0752 35.4647C10.0752 35.4647 10.0752 26.9495 11.1628 22.8708C11.7689 20.615 13.5374 18.8421 15.7791 18.2428C19.8557 17.1523 36.1703 17.1523 36.1703 17.1523C36.1703 17.1523 52.4932 17.1523 56.5615 18.2428ZM44.5142 35.4647L30.9561 43.314V27.6154L44.5142 35.4647Z"
  fill="#111827" />
</svg></a>
</div>
                    

Semi Rounded Icons With Brand Colors

Following examples shows tailwind social media buttons with semi rounded button effect with universal brand logo icons in SVG.

<div class="bg-white w-full h-auto py-8 flex items-center justify-center gap-4 flex-wrap">
<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="transition-all duration-300 group-hover:scale-110"
xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72" fill="none">
  <path d="M46.4927 38.6403L47.7973 30.3588H39.7611V24.9759C39.7611 22.7114 40.883 20.4987 44.4706 20.4987H48.1756V13.4465C46.018 13.1028 43.8378 12.9168 41.6527 12.8901C35.0385 12.8901 30.7204 16.8626 30.7204 24.0442V30.3588H23.3887V38.6403H30.7204V58.671H39.7611V38.6403H46.4927Z" fill="#337FFF"/>
</svg>
</button>

<button class="w-10 h-10 flex items-center justify-center group rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="transition-all duration-300 group-hover:scale-110" width="28" height="28" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M27.4456 35.7808C27.4456 31.1786 31.1776 27.4468 35.7826 27.4468C40.3875 27.4468 44.1216 31.1786 44.1216 35.7808C44.1216 40.383 40.3875 44.1148 35.7826 44.1148C31.1776 44.1148 27.4456 40.383 27.4456 35.7808ZM22.9377 35.7808C22.9377 42.8708 28.6883 48.618 35.7826 48.618C42.8768 48.618 48.6275 42.8708 48.6275 35.7808C48.6275 28.6908 42.8768 22.9436 35.7826 22.9436C28.6883 22.9436 22.9377 28.6908 22.9377 35.7808ZM46.1342 22.4346C46.1339 23.0279 46.3098 23.608 46.6394 24.1015C46.9691 24.595 47.4377 24.9797 47.9861 25.2069C48.5346 25.4342 49.1381 25.4939 49.7204 25.3784C50.3028 25.2628 50.8378 24.9773 51.2577 24.5579C51.6777 24.1385 51.9638 23.6041 52.0799 23.0222C52.1959 22.4403 52.1367 21.8371 51.9097 21.2888C51.6828 20.7406 51.2982 20.2719 50.8047 19.942C50.3112 19.6122 49.7309 19.436 49.1372 19.4358H49.136C48.3402 19.4361 47.5771 19.7522 47.0142 20.3144C46.4514 20.8767 46.1349 21.6392 46.1342 22.4346ZM25.6765 56.1302C23.2377 56.0192 21.9121 55.6132 21.0311 55.2702C19.8632 54.8158 19.0299 54.2746 18.1538 53.4002C17.2777 52.5258 16.7354 51.6938 16.2827 50.5266C15.9393 49.6466 15.533 48.3214 15.4222 45.884C15.3009 43.2488 15.2767 42.4572 15.2767 35.781C15.2767 29.1048 15.3029 28.3154 15.4222 25.678C15.5332 23.2406 15.9425 21.918 16.2827 21.0354C16.7374 19.8682 17.2789 19.0354 18.1538 18.1598C19.0287 17.2842 19.8612 16.7422 21.0311 16.2898C21.9117 15.9466 23.2377 15.5406 25.6765 15.4298C28.3133 15.3086 29.1054 15.2844 35.7826 15.2844C42.4598 15.2844 43.2527 15.3106 45.8916 15.4298C48.3305 15.5408 49.6539 15.9498 50.537 16.2898C51.7049 16.7422 52.5382 17.2854 53.4144 18.1598C54.2905 19.0342 54.8308 19.8682 55.2855 21.0354C55.6289 21.9154 56.0351 23.2406 56.146 25.678C56.2673 28.3154 56.2915 29.1048 56.2915 35.781C56.2915 42.4572 56.2673 43.2466 56.146 45.884C56.0349 48.3214 55.6267 49.6462 55.2855 50.5266C54.8308 51.6938 54.2893 52.5266 53.4144 53.4002C52.5394 54.2738 51.7049 54.8158 50.537 55.2702C49.6565 55.6134 48.3305 56.0194 45.8916 56.1302C43.2549 56.2514 42.4628 56.2756 35.7826 56.2756C29.1024 56.2756 28.3125 56.2514 25.6765 56.1302ZM25.4694 10.9322C22.8064 11.0534 20.9867 11.4754 19.3976 12.0934C17.7518 12.7316 16.3585 13.5878 14.9663 14.977C13.5741 16.3662 12.7195 17.7608 12.081 19.4056C11.4626 20.9948 11.0403 22.8124 10.9191 25.4738C10.7958 28.1394 10.7676 28.9916 10.7676 35.7808C10.7676 42.57 10.7958 43.4222 10.9191 46.0878C11.0403 48.7494 11.4626 50.5668 12.081 52.156C12.7195 53.7998 13.5743 55.196 14.9663 56.5846C16.3583 57.9732 17.7518 58.8282 19.3976 59.4682C20.9897 60.0862 22.8064 60.5082 25.4694 60.6294C28.138 60.7506 28.9893 60.7808 35.7826 60.7808C42.5759 60.7808 43.4286 60.7526 46.0958 60.6294C48.759 60.5082 50.5774 60.0862 52.1676 59.4682C53.8124 58.8282 55.2066 57.9738 56.5989 56.5846C57.9911 55.1954 58.8438 53.7998 59.4842 52.156C60.1026 50.5668 60.5268 48.7492 60.6461 46.0878C60.7674 43.4202 60.7956 42.57 60.7956 35.7808C60.7956 28.9916 60.7674 28.1394 60.6461 25.4738C60.5248 22.8122 60.1026 20.9938 59.4842 19.4056C58.8438 17.7618 57.9889 16.3684 56.5989 14.977C55.2088 13.5856 53.8124 12.7316 52.1696 12.0934C50.5775 11.4754 48.7588 11.0514 46.0978 10.9322C43.4306 10.811 42.5779 10.7808 35.7846 10.7808C28.9913 10.7808 28.138 10.809 25.4694 10.9322Z" fill="url(#paint0_radial_7092_54471)"/>
  <path d="M27.4456 35.7808C27.4456 31.1786 31.1776 27.4468 35.7826 27.4468C40.3875 27.4468 44.1216 31.1786 44.1216 35.7808C44.1216 40.383 40.3875 44.1148 35.7826 44.1148C31.1776 44.1148 27.4456 40.383 27.4456 35.7808ZM22.9377 35.7808C22.9377 42.8708 28.6883 48.618 35.7826 48.618C42.8768 48.618 48.6275 42.8708 48.6275 35.7808C48.6275 28.6908 42.8768 22.9436 35.7826 22.9436C28.6883 22.9436 22.9377 28.6908 22.9377 35.7808ZM46.1342 22.4346C46.1339 23.0279 46.3098 23.608 46.6394 24.1015C46.9691 24.595 47.4377 24.9797 47.9861 25.2069C48.5346 25.4342 49.1381 25.4939 49.7204 25.3784C50.3028 25.2628 50.8378 24.9773 51.2577 24.5579C51.6777 24.1385 51.9638 23.6041 52.0799 23.0222C52.1959 22.4403 52.1367 21.8371 51.9097 21.2888C51.6828 20.7406 51.2982 20.2719 50.8047 19.942C50.3112 19.6122 49.7309 19.436 49.1372 19.4358H49.136C48.3402 19.4361 47.5771 19.7522 47.0142 20.3144C46.4514 20.8767 46.1349 21.6392 46.1342 22.4346ZM25.6765 56.1302C23.2377 56.0192 21.9121 55.6132 21.0311 55.2702C19.8632 54.8158 19.0299 54.2746 18.1538 53.4002C17.2777 52.5258 16.7354 51.6938 16.2827 50.5266C15.9393 49.6466 15.533 48.3214 15.4222 45.884C15.3009 43.2488 15.2767 42.4572 15.2767 35.781C15.2767 29.1048 15.3029 28.3154 15.4222 25.678C15.5332 23.2406 15.9425 21.918 16.2827 21.0354C16.7374 19.8682 17.2789 19.0354 18.1538 18.1598C19.0287 17.2842 19.8612 16.7422 21.0311 16.2898C21.9117 15.9466 23.2377 15.5406 25.6765 15.4298C28.3133 15.3086 29.1054 15.2844 35.7826 15.2844C42.4598 15.2844 43.2527 15.3106 45.8916 15.4298C48.3305 15.5408 49.6539 15.9498 50.537 16.2898C51.7049 16.7422 52.5382 17.2854 53.4144 18.1598C54.2905 19.0342 54.8308 19.8682 55.2855 21.0354C55.6289 21.9154 56.0351 23.2406 56.146 25.678C56.2673 28.3154 56.2915 29.1048 56.2915 35.781C56.2915 42.4572 56.2673 43.2466 56.146 45.884C56.0349 48.3214 55.6267 49.6462 55.2855 50.5266C54.8308 51.6938 54.2893 52.5266 53.4144 53.4002C52.5394 54.2738 51.7049 54.8158 50.537 55.2702C49.6565 55.6134 48.3305 56.0194 45.8916 56.1302C43.2549 56.2514 42.4628 56.2756 35.7826 56.2756C29.1024 56.2756 28.3125 56.2514 25.6765 56.1302ZM25.4694 10.9322C22.8064 11.0534 20.9867 11.4754 19.3976 12.0934C17.7518 12.7316 16.3585 13.5878 14.9663 14.977C13.5741 16.3662 12.7195 17.7608 12.081 19.4056C11.4626 20.9948 11.0403 22.8124 10.9191 25.4738C10.7958 28.1394 10.7676 28.9916 10.7676 35.7808C10.7676 42.57 10.7958 43.4222 10.9191 46.0878C11.0403 48.7494 11.4626 50.5668 12.081 52.156C12.7195 53.7998 13.5743 55.196 14.9663 56.5846C16.3583 57.9732 17.7518 58.8282 19.3976 59.4682C20.9897 60.0862 22.8064 60.5082 25.4694 60.6294C28.138 60.7506 28.9893 60.7808 35.7826 60.7808C42.5759 60.7808 43.4286 60.7526 46.0958 60.6294C48.759 60.5082 50.5774 60.0862 52.1676 59.4682C53.8124 58.8282 55.2066 57.9738 56.5989 56.5846C57.9911 55.1954 58.8438 53.7998 59.4842 52.156C60.1026 50.5668 60.5268 48.7492 60.6461 46.0878C60.7674 43.4202 60.7956 42.57 60.7956 35.7808C60.7956 28.9916 60.7674 28.1394 60.6461 25.4738C60.5248 22.8122 60.1026 20.9938 59.4842 19.4056C58.8438 17.7618 57.9889 16.3684 56.5989 14.977C55.2088 13.5856 53.8124 12.7316 52.1696 12.0934C50.5775 11.4754 48.7588 11.0514 46.0978 10.9322C43.4306 10.811 42.5779 10.7808 35.7846 10.7808C28.9913 10.7808 28.138 10.809 25.4694 10.9322Z" fill="url(#paint1_radial_7092_54471)"/>
  <defs>
  <radialGradient id="paint0_radial_7092_54471" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.4144 61.017) scale(65.31 65.2708)">
  <stop offset="0.09" stop-color="#FA8F21"/>
  <stop offset="0.78" stop-color="#D82D7E"/>
  </radialGradient>
  <radialGradient id="paint1_radial_7092_54471" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(41.1086 63.257) scale(51.4733 51.4424)">
  <stop offset="0.64" stop-color="#8C3AAA" stop-opacity="0"/>
  <stop offset="1" stop-color="#8C3AAA"/>
  </radialGradient>
  </defs>
  </svg>
  
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="transition-all duration-300 group-hover:scale-110" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72" fill="none">
  <path d="M40.7568 32.1716L59.3704 11H54.9596L38.7974 29.383L25.8887 11H11L30.5205 38.7983L11 61H15.4111L32.4788 41.5869L46.1113 61H61L40.7557 32.1716H40.7568ZM34.7152 39.0433L32.7374 36.2752L17.0005 14.2492H23.7756L36.4755 32.0249L38.4533 34.7929L54.9617 57.8986H48.1865L34.7152 39.0443V39.0433Z" fill="black"/>
</svg>
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="transition-all duration-300 group-hover:scale-110" width="28" height="28" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M45.6721 29.4285C48.7387 31.6085 52.4112 32.7733 56.1737 32.7592V25.3024C55.434 25.3045 54.6963 25.2253 53.9739 25.0663V31.0068C50.203 31.0135 46.5252 29.8354 43.4599 27.6389V42.9749C43.4507 45.4914 42.7606 47.9585 41.4628 50.1146C40.165 52.2706 38.3079 54.0353 36.0885 55.2215C33.8691 56.4076 31.37 56.9711 28.8563 56.852C26.3426 56.733 23.9079 55.9359 21.8105 54.5453C23.7506 56.5082 26.2295 57.8513 28.9333 58.4044C31.6372 58.9576 34.4444 58.6959 36.9994 57.6526C39.5545 56.6093 41.7425 54.8312 43.2864 52.5436C44.8302 50.256 45.6605 47.5616 45.6721 44.8018V29.4285ZM48.3938 21.8226C46.8343 20.1323 45.8775 17.9739 45.6721 15.6832V14.7139H43.5842C43.8423 16.1699 44.4039 17.5553 45.2326 18.78C46.0612 20.0048 47.1383 21.0414 48.3938 21.8226ZM26.645 48.642C25.9213 47.6957 25.4779 46.5653 25.365 45.3793C25.2522 44.1934 25.4746 42.9996 26.0068 41.9338C26.5391 40.8681 27.3598 39.9731 28.3757 39.3508C29.3915 38.7285 30.5616 38.4039 31.7529 38.4139C32.4106 38.4137 33.0644 38.5143 33.6916 38.7121V31.0068C32.9584 30.9097 32.2189 30.8682 31.4794 30.8826V36.8728C29.9522 36.39 28.2992 36.4998 26.8492 37.1803C25.3992 37.8608 24.2585 39.0621 23.6539 40.5454C23.0494 42.0286 23.0252 43.6851 23.5864 45.1853C24.1475 46.6855 25.2527 47.9196 26.6823 48.642H26.645Z" fill="#EE1D52"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M43.4589 27.5892C46.5241 29.7857 50.2019 30.9638 53.9729 30.9571V25.0166C51.8243 24.5623 49.8726 23.4452 48.3927 21.8226C47.1372 21.0414 46.0601 20.0048 45.2315 18.78C44.4029 17.5553 43.8412 16.1699 43.5831 14.7139H38.09V44.8018C38.0849 46.1336 37.6629 47.4304 36.8831 48.51C36.1034 49.5897 35.0051 50.3981 33.7425 50.8217C32.4798 51.2453 31.1162 51.2629 29.8431 50.872C28.57 50.4811 27.4512 49.7012 26.6439 48.642C25.3645 47.9965 24.3399 46.9387 23.7354 45.6394C23.1309 44.3401 22.9818 42.875 23.3121 41.4805C23.6424 40.0861 24.4329 38.8435 25.556 37.9535C26.6791 37.0634 28.0693 36.5776 29.5023 36.5745C30.1599 36.5766 30.8134 36.6772 31.4411 36.8728V30.8826C28.7288 30.9477 26.0946 31.8033 23.8617 33.3444C21.6289 34.8855 19.8946 37.0451 18.8717 39.5579C17.8489 42.0708 17.5821 44.8276 18.1039 47.49C18.6258 50.1524 19.9137 52.6045 21.8095 54.5453C23.9073 55.9459 26.3458 56.7512 28.8651 56.8755C31.3845 56.9997 33.8904 56.4383 36.1158 55.2509C38.3413 54.0636 40.2031 52.2948 41.5027 50.133C42.8024 47.9712 43.4913 45.4973 43.4962 42.9749L43.4589 27.5892Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M53.9736 25.0161V23.4129C52.0005 23.4213 50.0655 22.8696 48.3934 21.8221C49.8695 23.4493 51.8229 24.5674 53.9736 25.0161ZM43.5838 14.7134C43.5838 14.4275 43.4968 14.1292 43.4596 13.8434V12.874H35.8785V42.9744C35.872 44.6598 35.197 46.2738 34.0017 47.4621C32.8064 48.6504 31.1885 49.3159 29.503 49.3126C28.5106 49.3176 27.5311 49.0876 26.6446 48.6415C27.4519 49.7007 28.5707 50.4805 29.8438 50.8715C31.1169 51.2624 32.4805 51.2448 33.7432 50.8212C35.0058 50.3976 36.1041 49.5892 36.8838 48.5095C37.6636 47.4298 38.0856 46.1331 38.0907 44.8013V14.7134H43.5838ZM31.4418 30.8696V29.167C28.3222 28.7432 25.1511 29.3885 22.4453 30.9977C19.7394 32.6069 17.6584 35.0851 16.5413 38.0284C15.4242 40.9718 15.337 44.2067 16.2938 47.206C17.2506 50.2053 19.195 52.792 21.8102 54.5448C19.9287 52.5995 18.6545 50.1484 18.1433 47.4908C17.6321 44.8333 17.906 42.0844 18.9315 39.5799C19.957 37.0755 21.6897 34.924 23.918 33.3882C26.1463 31.8524 28.7736 30.9988 31.4791 30.9318L31.4418 30.8696Z" fill="#69C9D0"/>
</svg>

</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="transition-all duration-300 group-hover:scale-110" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 71 72" fill="none">
<path d="M12.5762 56.8405L15.8608 44.6381C13.2118 39.8847 12.3702 34.3378 13.4904 29.0154C14.6106 23.693 17.6176 18.952 21.9594 15.6624C26.3012 12.3729 31.6867 10.7554 37.1276 11.1068C42.5685 11.4582 47.6999 13.755 51.5802 17.5756C55.4604 21.3962 57.8292 26.4844 58.2519 31.9065C58.6746 37.3286 57.1228 42.7208 53.8813 47.0938C50.6399 51.4668 45.9261 54.5271 40.605 55.7133C35.284 56.8994 29.7125 56.1318 24.9131 53.5513L12.5762 56.8405ZM25.508 48.985L26.2709 49.4365C29.7473 51.4918 33.8076 52.3423 37.8191 51.8555C41.8306 51.3687 45.5681 49.5719 48.4489 46.7452C51.3298 43.9185 53.1923 40.2206 53.7463 36.2279C54.3002 32.2351 53.5143 28.1717 51.5113 24.6709C49.5082 21.1701 46.4003 18.4285 42.6721 16.8734C38.9438 15.3184 34.8045 15.0372 30.8993 16.0736C26.994 17.11 23.5422 19.4059 21.0817 22.6035C18.6212 25.801 17.2903 29.7206 17.2963 33.7514C17.293 37.0937 18.2197 40.3712 19.9732 43.2192L20.4516 44.0061L18.6153 50.8167L25.508 48.985Z" fill="#00D95F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M44.0259 36.8847C43.5787 36.5249 43.0549 36.2716 42.4947 36.1442C41.9344 36.0168 41.3524 36.0186 40.793 36.1495C39.9524 36.4977 39.4093 37.8134 38.8661 38.4713C38.7516 38.629 38.5833 38.7396 38.3928 38.7823C38.2024 38.8251 38.0028 38.797 37.8316 38.7034C34.7543 37.5012 32.1748 35.2965 30.5122 32.4475C30.3704 32.2697 30.3033 32.044 30.325 31.8178C30.3467 31.5916 30.4555 31.3827 30.6286 31.235C31.2344 30.6368 31.6791 29.8959 31.9218 29.0809C31.9756 28.1818 31.7691 27.2863 31.3269 26.5011C30.985 25.4002 30.3344 24.42 29.4518 23.6762C28.9966 23.472 28.4919 23.4036 27.9985 23.4791C27.5052 23.5546 27.0443 23.7709 26.6715 24.1019C26.0242 24.6589 25.5104 25.3537 25.168 26.135C24.8256 26.9163 24.6632 27.7643 24.6929 28.6165C24.6949 29.0951 24.7557 29.5716 24.8739 30.0354C25.1742 31.1497 25.636 32.2144 26.2447 33.1956C26.6839 33.9473 27.163 34.6749 27.6801 35.3755C29.3607 37.6767 31.4732 39.6305 33.9003 41.1284C35.1183 41.8897 36.42 42.5086 37.7799 42.973C39.1924 43.6117 40.752 43.8568 42.2931 43.6824C43.1711 43.5499 44.003 43.2041 44.7156 42.6755C45.4281 42.1469 45.9995 41.4518 46.3795 40.6512C46.6028 40.1675 46.6705 39.6269 46.5735 39.1033C46.3407 38.0327 44.9053 37.4007 44.0259 36.8847Z" fill="#00D95F"/>
</svg>
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="transition-all duration-300 group-hover:scale-110" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 71 72" fill="none">
<path d="M33.3501 13.0437C25.9186 13.893 18.5132 20.0479 18.2075 28.84C18.0154 34.2083 19.5044 38.2356 24.4951 39.3664C26.6608 35.4553 23.7965 34.5927 23.3511 31.7633C21.5216 20.1686 36.4153 12.2615 44.2093 20.3563C49.6018 25.9615 46.0519 43.206 37.3541 41.4136C29.0231 39.7017 41.4323 25.9749 34.7823 23.2796C29.3767 21.0894 26.5037 29.9798 29.0667 34.396C27.5647 41.9902 24.3292 49.1464 25.6391 58.6715C29.8876 55.5158 31.3198 49.4727 32.4943 43.1702C34.6295 44.4978 35.7691 45.8789 38.4937 46.0935C48.5407 46.8891 54.1515 35.8263 52.7805 25.6218C51.5623 16.5749 42.7422 11.971 33.3501 13.0437Z" fill="#FF0000"/>
</svg>
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="rounded-md transition-all duration-300 group-hover:scale-110" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6975 11C12.6561 11 11 12.6057 11 14.5838V57.4474C11 59.4257 12.6563 61.03 14.6975 61.03H57.3325C59.3747 61.03 61.03 59.4255 61.03 57.4468V14.5838C61.03 12.6057 59.3747 11 57.3325 11H14.6975ZM26.2032 30.345V52.8686H18.7167V30.345H26.2032ZM26.6967 23.3793C26.6967 25.5407 25.0717 27.2703 22.4615 27.2703L22.4609 27.2701H22.4124C19.8998 27.2701 18.2754 25.5405 18.2754 23.3791C18.2754 21.1686 19.9489 19.4873 22.5111 19.4873C25.0717 19.4873 26.6478 21.1686 26.6967 23.3793ZM37.833 52.8686H30.3471L30.3469 52.8694C30.3469 52.8694 30.4452 32.4588 30.3475 30.3458H37.8336V33.5339C38.8288 31.9995 40.6098 29.8169 44.5808 29.8169C49.5062 29.8169 53.1991 33.0363 53.1991 39.9543V52.8686H45.7133V40.8204C45.7133 37.7922 44.6293 35.7269 41.921 35.7269C39.8524 35.7269 38.6206 37.1198 38.0796 38.4653C37.8819 38.9455 37.833 39.6195 37.833 40.2918V52.8686Z" fill="#006699"/>
</svg>
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="rounded-md transition-all duration-300 group-hover:scale-110" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72" fill="none">
<path d="M35.9042 13C23.0034 13 13 22.4537 13 35.2171C13 41.8936 15.737 47.6655 20.1919 51.6508C20.5641 51.9829 20.7931 52.4525 20.8046 52.9563L20.9306 57.0333C20.9397 57.3333 21.0225 57.6264 21.1714 57.8869C21.3204 58.1474 21.5311 58.3674 21.785 58.5274C22.0389 58.6874 22.3282 58.7826 22.6275 58.8047C22.9268 58.8267 23.227 58.7749 23.5016 58.6538L28.048 56.6496C28.4317 56.4779 28.8669 56.4492 29.2734 56.558C31.3634 57.1306 33.5851 57.4398 35.9042 57.4398C48.805 57.4398 58.8084 47.9861 58.8084 35.2228C58.8084 22.4594 48.805 13 35.9042 13Z" fill="url(#paint0_radial_7092_54580)"/>
<path d="M22.1502 41.7161L28.8783 31.0428C29.1314 30.6409 29.4651 30.2959 29.8583 30.0295C30.2514 29.7631 30.6955 29.5812 31.1626 29.4951C31.6296 29.409 32.1094 29.4206 32.5717 29.5293C33.034 29.638 33.4688 29.8414 33.8485 30.1266L39.2024 34.1406C39.4414 34.3195 39.7322 34.4157 40.0308 34.4147C40.3293 34.4137 40.6194 34.3154 40.8572 34.1348L48.0835 28.6493C49.0455 27.9163 50.3052 29.073 49.6639 30.098L42.93 40.7656C42.6769 41.1674 42.3433 41.5124 41.9501 41.7788C41.5569 42.0452 41.1128 42.2272 40.6458 42.3133C40.1787 42.3994 39.6989 42.3877 39.2366 42.279C38.7743 42.1703 38.3396 41.967 37.9598 41.6818L32.606 37.6678C32.367 37.4889 32.0762 37.3926 31.7776 37.3937C31.479 37.3947 31.1889 37.4929 30.9512 37.6735L23.7249 43.1591C22.7629 43.892 21.5032 42.7411 22.1502 41.7161Z" fill="white"/>
<defs>
  <radialGradient id="paint0_radial_7092_54580" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(20.6729 58.8084) scale(50.3892 50.3892)">
    <stop stop-color="#0099FF"/>
    <stop offset="0.6" stop-color="#A033FF"/>
    <stop offset="0.9" stop-color="#FF5280"/>
    <stop offset="1" stop-color="#FF7061"/>
  </radialGradient>
</defs>
</svg>
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="rounded-md transition-all duration-300 group-hover:scale-110"  xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M61.03 36.015C61.03 49.8304 49.8304 61.03 36.015 61.03C22.1996 61.03 11 49.8304 11 36.015C11 22.1996 22.1996 11 36.015 11C49.8304 11 61.03 22.1996 61.03 36.015ZM38.4121 28.3392C34.1147 30.1955 21.7235 35.4671 21.7235 35.4671C18.7869 36.6551 20.5058 37.7688 20.5058 37.7688C20.5058 37.7688 23.0127 38.6599 25.1615 39.328C27.3103 39.9963 28.4563 39.2538 28.4563 39.2538C28.4563 39.2538 33.47 35.8384 38.5554 32.2002C42.1366 29.6757 41.2772 31.7547 40.4176 32.6457C38.5554 34.5762 35.4755 37.6204 32.897 40.0706C31.751 41.1101 32.324 42.001 32.8254 42.4465C34.2836 43.7256 37.718 46.0518 39.2773 47.1079C39.7093 47.4005 39.9974 47.5956 40.0596 47.6439C40.4176 47.941 42.4232 49.2774 43.6408 48.9804C44.8584 48.6834 45.0017 46.9757 45.0017 46.9757C45.0017 46.9757 45.9328 40.8873 46.7923 35.3186C46.9515 34.2252 47.1107 33.1548 47.2592 32.1567C47.645 29.5623 47.9582 27.4565 48.0099 26.7058C48.2248 24.1814 45.6463 25.2208 45.6463 25.2208C45.6463 25.2208 40.0596 27.5968 38.4121 28.3392Z" fill="#34AADF"/>
</svg>
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="rounded-md transition-all duration-300 group-hover:scale-110" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72" fill="none">
<path d="M45.8956 26.0879C46.8845 26.0879 47.8503 26.1701 48.8032 26.2876C47.0805 18.7224 39.1346 13 29.5799 13C18.7651 13 10 20.3257 10 29.3599C10 34.5686 12.9306 39.1897 17.4761 42.1798L14.8948 47.3562L21.9268 44.336C23.4347 44.873 25.0016 45.3152 26.6753 45.521C26.4465 44.5226 26.3166 43.4991 26.3166 42.4487C26.3166 33.4273 35.0976 26.0879 45.8956 26.0879ZM36.1064 20.3615C37.4577 20.3615 38.5536 21.4608 38.5536 22.8158C38.5536 24.1713 37.4578 25.2698 36.1064 25.2698C34.7543 25.2698 33.6589 24.1713 33.6589 22.8158C33.6589 21.4607 34.7543 20.3615 36.1064 20.3615ZM23.0531 25.2698C21.7016 25.2698 20.6057 24.1713 20.6057 22.8158C20.6057 21.4608 21.7017 20.3615 23.0531 20.3615C24.4045 20.3615 25.5006 21.4608 25.5006 22.8158C25.5005 24.1713 24.4044 25.2698 23.0531 25.2698Z" fill="#51C332"/>
<path d="M62.2121 42.4484C62.2121 35.22 54.9051 29.3599 45.8956 29.3599C36.8858 29.3599 29.5799 35.22 29.5799 42.4484C29.5799 49.6763 36.8858 55.5365 45.8956 55.5365C47.3773 55.5365 48.7867 55.3271 50.1542 55.0297L58.9489 58.8084L55.9072 52.713C59.7191 50.3174 62.2121 46.6335 62.2121 42.4484ZM41.001 41.6303C39.6496 41.6303 38.5534 40.5314 38.5534 39.1757C38.5534 37.8207 39.6495 36.7222 41.001 36.7222C42.3528 36.7222 43.4482 37.8212 43.4482 39.1757C43.4482 40.5316 42.3526 41.6303 41.001 41.6303ZM50.7905 41.6303C49.4385 41.6303 48.3433 40.5314 48.3433 39.1757C48.3433 37.8207 49.4384 36.7222 50.7905 36.7222C52.1425 36.7222 53.238 37.8212 53.238 39.1757C53.238 40.5316 52.1425 41.6303 50.7905 41.6303Z" fill="#51C332"/>
</svg>
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="rounded-md transition-all duration-300 group-hover:scale-110" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72" fill="none">
<path d="M25.4663 54.2563C25.4663 53.4894 25.4663 52.7226 25.4663 51.9558C25.4717 51.9244 25.4706 51.8923 25.463 51.8614C25.4554 51.8305 25.4415 51.8015 25.4221 51.7761C25.4027 51.7507 25.3783 51.7296 25.3503 51.7139C25.3223 51.6983 25.2914 51.6885 25.2595 51.6852C23.3396 51.1452 21.5676 50.1833 20.0755 48.8711C18.9883 47.8921 18.0831 46.7318 17.4011 45.443C16.4398 43.5813 15.8001 41.5734 15.5084 39.5027C15.147 36.9051 15.0214 34.2807 15.1333 31.6609C15.1579 30.4395 15.2209 29.232 15.3611 28.0107C15.5847 25.6897 16.1762 23.4181 17.1137 21.2792C18.2713 18.6495 20.3715 16.5371 23.0092 15.3493C24.806 14.5354 26.6963 13.9411 28.6384 13.5797C30.5428 13.2226 32.471 13.0035 34.4077 12.924C36.1534 12.8628 37.9011 12.8883 39.6443 13.0003C42.1391 13.1045 44.6114 13.5136 47.0049 14.2182C48.7795 14.7246 50.4677 15.4906 52.0137 16.4909C53.5199 17.5145 54.7382 18.9009 55.5538 20.5194C56.5126 22.4097 57.1644 24.4378 57.4851 26.5291C57.6934 27.7706 57.8304 29.023 57.8952 30.2799C57.9863 31.8379 57.9758 33.4027 57.9162 34.9537C57.8566 36.5047 57.7234 38.0106 57.5307 39.5304C57.287 41.8115 56.5787 44.0199 55.4486 46.0224C53.9777 48.5556 51.6214 50.4686 48.8241 51.4006C46.9113 52.0637 44.9363 52.5357 42.9285 52.8094C41.4599 53.0106 39.9878 53.1563 38.5086 53.2153C37.3765 53.2674 36.2444 53.2535 35.1122 53.2362C34.4708 53.2362 33.8329 53.1737 33.1949 53.1182C33.1323 53.1065 33.0676 53.1134 33.009 53.1381C32.9503 53.1628 32.9004 53.2042 32.8655 53.257C31.5756 54.7906 30.2367 56.2826 28.8872 57.7677C28.6414 58.0387 28.3568 58.2725 28.0425 58.4617C27.8362 58.5957 27.6009 58.6798 27.3557 58.7072C27.1105 58.7346 26.8622 58.7045 26.6309 58.6194C26.3996 58.5343 26.1918 58.3965 26.0242 58.2172C25.8566 58.0379 25.7339 57.8222 25.6661 57.5873C25.5325 57.1699 25.4662 56.7343 25.4698 56.2965C25.4663 55.6095 25.4663 54.9329 25.4663 54.2563ZM27.026 57.1674L27.1908 57.0148L30.1175 53.7983C31.2438 52.5607 32.3689 51.322 33.4929 50.0821C33.5481 50.0065 33.6227 49.9467 33.7089 49.9089C33.7951 49.8711 33.8899 49.8566 33.9836 49.867C34.3656 49.9051 34.7477 49.919 35.1332 49.9225C36.4652 49.9225 37.7971 49.9225 39.129 49.8288C40.3383 49.7351 41.544 49.5894 42.7428 49.402C44.0334 49.1796 45.3111 48.8889 46.5703 48.5311C49.3744 47.7851 51.544 46.189 52.9075 43.604C53.7124 42.0147 54.2173 40.2931 54.3971 38.5242C54.6102 36.8569 54.7377 35.18 54.7792 33.4999C54.8413 31.3894 54.6957 29.2779 54.3445 27.1953C54.101 25.6864 53.6628 24.2147 53.0407 22.8164C52.2485 21.0815 51.1269 19.645 49.3989 18.722C46.7491 17.3063 43.8819 16.6748 40.9271 16.3521C40.0894 16.2619 39.2517 16.2133 38.4105 16.1821C36.688 16.0942 34.9619 16.1035 33.2405 16.2099C32.0025 16.3008 30.7712 16.4653 29.5532 16.7026C27.7619 17.0258 26.0291 17.6105 24.4112 18.4375C23.4733 18.9066 22.6224 19.5296 21.8946 20.2799C20.715 21.5851 19.8498 23.138 19.3639 24.8219C18.7876 26.7831 18.473 28.8105 18.4281 30.8524C18.3153 32.8944 18.3411 34.9416 18.5052 36.9801C18.6073 38.1933 18.8125 39.3958 19.1186 40.5748C19.574 42.4122 20.4575 44.1186 21.6983 45.5575C23.038 47.0254 24.7694 48.0887 26.693 48.6248C26.9349 48.6976 27.0435 48.7809 27.0435 49.0516C27.0225 50.0509 27.0435 51.0502 27.0435 52.0495L27.026 57.1674Z" fill="#754A91"/>
<path d="M24.5732 26.1755C24.5487 25.4156 24.9658 24.8639 25.4705 24.3677C26.1362 23.7365 26.8696 23.1792 27.6577 22.7057C28.017 22.4863 28.4443 22.4027 28.861 22.4703C29.2776 22.5379 29.6556 22.7521 29.9254 23.0735C30.8789 24.0657 31.7324 25.1476 32.4736 26.3039C32.8407 26.824 33.1179 27.4009 33.2938 28.011C33.3641 28.2491 33.3687 28.5015 33.3071 28.742C33.2454 28.9824 33.1198 29.2021 32.9433 29.3781C32.539 29.7711 32.108 30.1363 31.6534 30.4711C31.4244 30.6518 31.2541 30.8952 31.1637 31.171C31.0734 31.4468 31.0669 31.7428 31.1452 32.0221C31.4259 33.334 32.062 34.5455 32.9854 35.5266C34.1073 36.8825 35.5529 37.9403 37.1915 38.6044C37.5941 38.8093 38.0554 38.8717 38.4988 38.7813C38.7417 38.7157 38.9575 38.5761 39.1157 38.3823C39.3611 38.0735 39.6275 37.7751 39.8483 37.4454C40.1347 37.0343 40.572 36.7501 41.067 36.6535C41.562 36.5569 42.0756 36.6556 42.4981 36.9284C43.6863 37.6109 44.808 38.4007 45.849 39.2879C46.0943 39.4961 46.3502 39.6973 46.5956 39.909C46.8859 40.1282 47.0955 40.4356 47.1924 40.7841C47.2893 41.1325 47.268 41.5029 47.1318 41.8382C46.9153 42.4022 46.5996 42.9237 46.1995 43.3788C45.7022 44.063 45.0688 44.6392 44.3383 45.0721C43.9891 45.2751 43.5967 45.3943 43.1925 45.4202C42.7884 45.4461 42.3837 45.378 42.0109 45.2213C39.1751 44.091 36.5253 42.5485 34.1491 40.6446C31.8248 38.7505 29.7937 36.5294 28.1203 34.052C26.7123 32.0011 25.5921 29.7705 24.7905 27.4212C24.7052 27.137 24.635 26.8486 24.5802 26.5572C24.5646 26.4305 24.5623 26.3026 24.5732 26.1755Z" fill="#754A91"/>
<path d="M36.6744 22.4835C39.0471 22.527 41.3291 23.3933 43.1226 24.9317C44.9161 26.47 46.1073 28.5826 46.4886 30.9013C46.6421 31.7443 46.7242 32.5985 46.734 33.4551C46.734 33.6563 46.6814 33.802 46.4641 33.8229C46.2468 33.8437 46.1907 33.6598 46.1907 33.4759C46.2233 31.7433 45.864 30.0255 45.1392 28.4481C44.5288 27.152 43.6246 26.0128 42.4969 25.1191C41.3692 24.2255 40.0484 23.6014 38.6373 23.2955C37.8912 23.1245 37.1283 23.036 36.3625 23.0318C36.2879 23.033 36.2135 23.0237 36.1417 23.004C36.0805 22.9869 36.0284 22.947 35.9963 22.8926C35.9643 22.8382 35.9548 22.7737 35.9699 22.7125C35.9704 22.6835 35.9766 22.6549 35.9884 22.6283C36.0001 22.6017 36.0171 22.5777 36.0383 22.5577C36.0595 22.5377 36.0845 22.5221 36.1119 22.5117C36.1393 22.5013 36.1685 22.4965 36.1977 22.4974C36.3555 22.4766 36.5167 22.4835 36.6744 22.4835Z" fill="#754A91"/>
<path d="M43.4406 31.8935C43.4288 30.9296 43.189 29.9818 42.7404 29.1261C42.2918 28.2705 41.6469 27.5308 40.8574 26.9664C39.9359 26.3257 38.8647 25.928 37.7449 25.811C37.5556 25.7867 37.3663 25.7763 37.1735 25.7555C36.9807 25.7346 36.8651 25.6548 36.8826 25.4605C36.9001 25.2662 37.0228 25.1968 37.2331 25.2107C40.3386 25.3981 42.9814 27.1364 43.7946 30.3738C43.9433 30.998 44.0175 31.6373 44.0154 32.2787C44.0154 32.3377 44.0154 32.3967 44.0154 32.4522C44.0154 32.6257 43.9033 32.7402 43.7315 32.7367C43.6934 32.7354 43.656 32.7265 43.6215 32.7104C43.587 32.6944 43.5562 32.6715 43.531 32.6432C43.5057 32.615 43.4865 32.5819 43.4746 32.5461C43.4627 32.5103 43.4583 32.4724 43.4616 32.4348C43.4336 32.2717 43.4406 32.1052 43.4406 31.8935Z" fill="#754A91"/>
<path d="M37.9996 28.028C39.7031 28.1425 40.8913 28.9683 41.2173 30.7622C41.2568 30.992 41.2849 31.2236 41.3014 31.4562C41.3014 31.6436 41.2593 31.8032 41.0525 31.8032C40.8457 31.8032 40.7756 31.6644 40.7686 31.4562C40.7667 30.7686 40.5527 30.0979 40.1552 29.5339C39.7376 29.0231 39.1379 28.6903 38.4798 28.604C38.3327 28.5768 38.184 28.5582 38.0347 28.5485C37.7893 28.5485 37.6526 28.4271 37.6842 28.2397C37.7157 28.0523 37.8629 28.0176 37.9996 28.028Z" fill="#754A91"/>
</svg>
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="rounded-md transition-all duration-300 group-hover:scale-110" width="28" height="28" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M40.3522 25.55C40.3522 29.4089 38.8124 33.1097 36.0717 35.8384C33.3309 38.5671 29.6136 40.1 25.7376 40.1C21.8616 40.1 18.1443 38.5671 15.4036 35.8384C12.6628 33.1097 11.123 29.4089 11.123 25.55C11.123 21.6911 12.6628 17.9902 15.4036 15.2616C18.1443 12.5329 21.8616 11 25.7376 11C29.6136 11 33.3309 12.5329 36.0717 15.2616C38.8124 17.9902 40.3522 21.6911 40.3522 25.55Z" fill="url(#paint0_linear_7092_54518)"/>
<path d="M60.7196 46.445C60.7196 48.3564 60.3415 50.2491 59.6068 52.015C58.8721 53.7809 57.7952 55.3854 56.4376 56.737C55.0801 58.0885 53.4684 59.1606 51.6947 59.8921C49.921 60.6235 48.0199 61 46.1 61C42.2227 61 38.5041 59.4665 35.7624 56.737C33.0207 54.0074 31.4805 50.3052 31.4805 46.445C31.4805 42.5848 33.0207 38.8827 35.7624 36.1531C38.5041 33.4235 42.2227 31.89 46.1 31.89C48.0199 31.89 49.921 32.2665 51.6947 32.9979C53.4684 33.7294 55.0801 34.8015 56.4376 36.1531C57.7952 37.5046 58.8721 39.1092 59.6068 40.8751C60.3415 42.641 60.7196 44.5336 60.7196 46.445Z" fill="url(#paint1_linear_7092_54518)"/>
<path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd" d="M11.1768 26.795C11.4038 29.5441 12.406 32.1727 14.0672 34.3762C15.7285 36.5797 17.9809 38.2679 20.5633 39.2451C23.1457 40.2224 25.9525 40.4487 28.6584 39.8978C31.3643 39.347 33.8585 38.0415 35.8521 36.1327C37.8457 34.2239 39.257 31.7899 39.9225 29.1127C40.5879 26.4356 40.4804 23.6248 39.6122 21.0062C38.744 18.3877 37.1508 16.0684 35.0171 14.3172C32.8835 12.566 30.2967 11.4546 27.5566 11.1117C23.8361 12.3549 20.4375 14.4061 17.6053 17.1179C14.7731 19.8296 12.5777 23.1346 11.1768 26.795Z" fill="black"/>
<path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd" d="M60.6811 45.4C60.4902 42.6174 59.5055 39.9476 57.8434 37.7064C56.1813 35.4652 53.9113 33.7464 51.302 32.7534C48.6928 31.7603 45.8534 31.5345 43.1197 32.1027C40.386 32.6708 37.8724 34.0092 35.8762 35.9594C33.88 37.9097 32.4848 40.3902 31.8555 43.1076C31.2263 45.825 31.3893 48.6656 32.3254 51.2933C33.2615 53.9211 34.9315 56.226 37.1377 57.9356C39.344 59.6451 41.9943 60.6877 44.7751 60.94C48.394 59.6528 51.6902 57.5967 54.4363 54.9135C57.1824 52.2303 59.313 48.9839 60.6811 45.3983V45.4Z" fill="black"/>
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M11.8604 30.1216C12.628 32.4673 13.9786 34.5801 15.786 36.2626C17.5934 37.9451 19.7984 39.1422 22.1948 39.742C24.5913 40.3418 27.1009 40.3246 29.4889 39.6922C31.877 39.0597 34.0654 37.8326 35.8496 36.1257C37.6337 34.4187 38.9554 32.2876 39.6908 29.9317C40.4263 27.5758 40.5516 25.072 40.0549 22.6546C39.5583 20.2372 38.456 17.9851 36.8511 16.1089C35.2462 14.2327 33.1911 12.7938 30.8781 11.9266C26.32 12.8752 22.1204 15.0838 18.758 18.3008C15.3955 21.5178 13.0055 25.6137 11.8604 30.1216Z" fill="black"/>
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M60.0178 41.98C59.2615 39.6066 57.9097 37.466 56.0911 35.7619C54.2726 34.0578 52.0477 32.8469 49.6282 32.2444C47.2088 31.6419 44.6752 31.6678 42.2686 32.3198C39.8621 32.9717 37.6625 34.2279 35.8793 35.9689C34.0961 37.7098 32.7885 39.8777 32.081 42.266C31.3735 44.6544 31.2896 47.1839 31.8374 49.6138C32.3851 52.0437 33.5462 54.2932 35.2101 56.1483C36.8741 58.0033 38.9856 59.4021 41.3437 60.2117C45.8435 59.203 49.9734 56.9634 53.2714 53.7435C56.5694 50.5236 58.9054 46.4505 60.0178 41.98Z" fill="black"/>
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M12.3975 31.5016C13.3484 33.6419 14.801 35.522 16.6327 36.9832C18.4644 38.4444 20.6214 39.4437 22.9212 39.8967C25.2211 40.3497 27.5963 40.243 29.8462 39.5857C32.0961 38.9284 34.1545 37.7397 35.8475 36.1203C37.5406 34.5008 38.8185 32.498 39.5733 30.2811C40.328 28.0643 40.5375 25.6985 40.184 23.3838C39.8304 21.069 38.9243 18.8733 37.5421 16.9821C36.1599 15.0909 34.3423 13.5599 32.2428 12.5183C27.3875 13.2732 22.881 15.4983 19.3321 18.8931C15.7831 22.288 13.3626 26.6889 12.3975 31.5016Z" fill="black"/>
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M59.4788 40.5717C58.5328 38.4066 57.0747 36.5033 55.2299 35.0253C53.385 33.5473 51.2086 32.5387 48.8874 32.0863C46.5663 31.6338 44.1699 31.7509 41.9041 32.4276C39.6383 33.1043 37.5708 34.3203 35.8792 35.9712C34.1877 37.622 32.9226 39.6584 32.1927 41.9054C31.4628 44.1524 31.2899 46.5427 31.6889 48.8712C32.0878 51.1996 33.0467 53.3965 34.4831 55.2731C35.9195 57.1497 37.7905 58.65 39.9354 59.645C44.7482 58.8281 49.1973 56.5648 52.6891 53.157C56.1809 49.7492 58.5494 45.3589 59.4788 40.5717Z" fill="black"/>
<path d="M59.0711 36.1084C59.0711 39.1347 58.4724 42.1313 57.3092 44.9273C56.1459 47.7232 54.4409 50.2637 52.2914 52.4036C50.142 54.5436 47.5903 56.241 44.7819 57.3992C41.9735 58.5573 38.9635 59.1534 35.9238 59.1534C32.884 59.1534 29.874 58.5573 27.0656 57.3992C24.2573 56.241 21.7055 54.5436 19.5561 52.4036C17.4066 50.2637 15.7016 47.7232 14.5384 44.9273C13.3751 42.1313 12.7764 39.1347 12.7764 36.1084C12.7764 33.082 13.3751 30.0854 14.5384 27.2894C15.7016 24.4935 17.4066 21.953 19.5561 19.8131C21.7055 17.6732 24.2573 15.9757 27.0656 14.8176C29.874 13.6594 32.884 13.0634 35.9238 13.0634C38.9635 13.0634 41.9735 13.6594 44.7819 14.8176C47.5903 15.9757 50.142 17.6732 52.2914 19.8131C54.4409 21.953 56.1459 24.4935 57.3092 27.2894C58.4724 30.0854 59.0711 33.082 59.0711 36.1084Z" fill="url(#paint2_linear_7092_54518)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4151 35.3084C28.4797 34.6934 27.6991 33.8709 27.1343 32.905C26.5889 31.8846 26.3197 30.7396 26.3534 29.5834C26.3121 28.116 26.8134 26.6849 27.7616 25.5634C28.7471 24.4371 30.0136 23.5918 31.4324 23.1134C32.9754 22.5688 34.6012 22.2954 36.2377 22.305C37.3084 22.2949 38.378 22.3769 39.4346 22.55C40.1909 22.6667 40.9337 22.8582 41.6521 23.1217C42.3117 23.3447 42.9072 23.7245 43.3873 24.2284C43.7411 24.6429 43.9315 25.172 43.9229 25.7167C43.9355 25.9997 43.8922 26.2823 43.7954 26.5486C43.6987 26.8148 43.5504 27.0594 43.359 27.2684C43.1778 27.4609 42.958 27.6131 42.7139 27.7147C42.4697 27.8164 42.2068 27.8654 41.9424 27.8584C41.5786 27.8554 41.2196 27.7747 40.8895 27.6217C40.0761 27.258 39.2381 26.9517 38.3818 26.705C37.5935 26.4974 36.7809 26.3965 35.9657 26.405C34.9033 26.366 33.8522 26.6345 32.939 27.1784C32.5537 27.4122 32.2383 27.7452 32.0258 28.1425C31.8133 28.5397 31.7115 28.9867 31.731 29.4367C31.7254 30.0275 31.9505 30.5972 32.3584 31.025C32.8431 31.5276 33.416 31.9371 34.0486 32.2334C34.7572 32.5845 35.8139 33.05 37.2188 33.63C37.3744 33.6792 37.5261 33.74 37.6726 33.8117C39.0436 34.3534 40.3581 35.0283 41.597 35.8267C42.5755 36.464 43.4006 37.3098 44.013 38.3034C44.6161 39.3476 44.9181 40.5382 44.8857 41.7434C44.9363 43.2189 44.513 44.672 43.6776 45.89C42.827 47.0433 41.6503 47.9157 40.2989 48.395C38.6702 48.9763 36.9491 49.2564 35.2199 49.2217C32.8437 49.3048 30.4788 48.8578 28.2972 47.9134C27.7395 47.6653 27.2505 47.2855 26.8723 46.8067C26.5583 46.368 26.3955 45.8392 26.4085 45.3C26.3929 45.0157 26.4393 44.7313 26.5444 44.4666C26.6495 44.2018 26.8109 43.9631 27.0175 43.7667C27.4504 43.388 28.0125 43.1899 28.5875 43.2134C29.2282 43.2221 29.8576 43.3838 30.4229 43.685C31.1259 44.0361 31.6804 44.2995 32.0864 44.475C32.5501 44.6689 33.0304 44.8207 33.5214 44.9284C34.1268 45.061 34.7453 45.1248 35.3651 45.1184C36.4611 45.1965 37.5518 44.9061 38.4635 44.2934C38.8048 44.0266 39.0776 43.6825 39.2592 43.2895C39.4408 42.8964 39.5261 42.4659 39.508 42.0334C39.509 41.4201 39.275 40.8297 38.854 40.3834C38.2975 39.8095 37.6461 39.3359 36.9285 38.9834C36.0798 38.5367 34.8862 37.9923 33.3478 37.35C31.972 36.8024 30.6545 36.1184 29.4151 35.3084Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_7092_54518" x1="23.4584" y1="11.1767" x2="28.0069" y2="39.9249" gradientUnits="userSpaceOnUse">
<stop offset="0.012" stop-color="#00B7F0"/>
<stop offset="0.339" stop-color="#009DE5"/>
<stop offset="0.755" stop-color="#0082D9"/>
<stop offset="1" stop-color="#0078D4"/>
</linearGradient>
<linearGradient id="paint1_linear_7092_54518" x1="33.446" y1="53.7417" x2="58.7384" y2="39.124" gradientUnits="userSpaceOnUse">
<stop stop-color="#0078D4"/>
<stop offset="0.37" stop-color="#007AD5"/>
<stop offset="0.573" stop-color="#0082D9"/>
<stop offset="0.735" stop-color="#0090DF"/>
<stop offset="0.875" stop-color="#00A3E7"/>
<stop offset="1" stop-color="#00BCF2"/>
</linearGradient>
<linearGradient id="paint2_linear_7092_54518" x1="26.8904" y1="20.4817" x2="49.9459" y2="60.4589" gradientUnits="userSpaceOnUse">
<stop stop-color="#00B7F0"/>
<stop offset="1" stop-color="#007CC1"/>
</linearGradient>
</defs>
</svg>                          
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="rounded-md transition-all duration-300 group-hover:scale-110" width="28" height="28" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.0065 56.1236H21.4893V35.5227L9.37109 26.4341V52.4881C9.37109 54.4997 11.001 56.1236 13.0065 56.1236Z" fill="#4285F4"/>
<path d="M50.5732 56.1236H59.056C61.0676 56.1236 62.6914 54.4937 62.6914 52.4881V26.4341L50.5732 35.5227" fill="#34A853"/>
<path d="M50.5732 19.7693V35.5229L62.6914 26.4343V21.587C62.6914 17.0912 57.5594 14.5282 53.9663 17.2245" fill="#FBBC04"/>
<path d="M21.4893 35.5227V19.769L36.0311 30.6754L50.5729 19.769V35.5227L36.0311 46.429" fill="#EA4335"/>
<path d="M9.37109 21.587V26.4343L21.4893 35.5229V19.7693L18.0962 17.2245C14.4971 14.5282 9.37109 17.0912 9.37109 21.587Z" fill="#C5221F"/>
</svg>                          
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-lg bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="rounded-md transition-all duration-300 group-hover:scale-110" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72" fill="none">
<path d="M61.1026 23.7185C60.5048 21.471 58.7363 19.6981 56.4863 19.0904C52.4181 18 36.0951 18 36.0951 18C36.0951 18 19.7805 18 15.7039 19.0904C13.4622 19.6897 11.6937 21.4627 11.0876 23.7185C10 27.7971 10 36.3124 10 36.3124C10 36.3124 10 44.8276 11.0876 48.9063C11.6854 51.1537 13.4539 52.9267 15.7039 53.5343C19.7805 54.6247 36.0951 54.6247 36.0951 54.6247C36.0951 54.6247 52.4181 54.6247 56.4863 53.5343C58.728 52.935 60.4965 51.162 61.1026 48.9063C62.1902 44.8276 62.1902 36.3124 62.1902 36.3124C62.1902 36.3124 62.1902 27.7971 61.1026 23.7185Z" fill="#FF3000"/>
<path d="M30.8811 44.1617L44.4392 36.3124L30.8811 28.463V44.1617Z" fill="white"/>
</svg>
</button>
</div>
                    

1000+ Tailwind Blocks

Access over 1,000 ready-made Tailwind blocks with modern designs to accelerate your design process.

Explore More

Rounded Button With Brand Colors

Below example is a collection of rounded social icons designed in tailwind css with different social media icons.

<div class="bg-white w-full h-auto py-8 flex items-center justify-center gap-4 flex-wrap">
<button class="w-10 h-10 flex items-center justify-center relative overflow-hidden rounded-full bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="relative z-10 fill-gray-900 transition-all duration-300 group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72" fill="none">
  <path
    d="M46.4927 38.6403L47.7973 30.3588H39.7611V24.9759C39.7611 22.7114 40.883 20.4987 44.4706 20.4987H48.1756V13.4465C46.018 13.1028 43.8378 12.9168 41.6527 12.8901C35.0385 12.8901 30.7204 16.8626 30.7204 24.0442V30.3588H23.3887V38.6403H30.7204V58.671H39.7611V38.6403H46.4927Z"
    fill="" />
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-blue-500 z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-full relative overflow-hidden bg-white shadow-md shadow-gray-200 group transition-all duration-500">
<svg class="fill-gray-900 relative z-10 transition-all duration-500 group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 51 51" fill="none">
<path
  d="M17.4456 25.7808C17.4456 21.1786 21.1776 17.4468 25.7826 17.4468C30.3875 17.4468 34.1216 21.1786 34.1216 25.7808C34.1216 30.383 30.3875 34.1148 25.7826 34.1148C21.1776 34.1148 17.4456 30.383 17.4456 25.7808ZM12.9377 25.7808C12.9377 32.8708 18.6883 38.618 25.7826 38.618C32.8768 38.618 38.6275 32.8708 38.6275 25.7808C38.6275 18.6908 32.8768 12.9436 25.7826 12.9436C18.6883 12.9436 12.9377 18.6908 12.9377 25.7808ZM36.1342 12.4346C36.1339 13.0279 36.3098 13.608 36.6394 14.1015C36.9691 14.595 37.4377 14.9797 37.9861 15.2069C38.5346 15.4342 39.1381 15.4939 39.7204 15.3784C40.3028 15.2628 40.8378 14.9773 41.2577 14.5579C41.6777 14.1385 41.9638 13.6041 42.0799 13.0222C42.1959 12.4403 42.1367 11.8371 41.9097 11.2888C41.6828 10.7406 41.2982 10.2719 40.8047 9.94202C40.3112 9.61218 39.7309 9.436 39.1372 9.43576H39.136C38.3402 9.43613 37.5771 9.75216 37.0142 10.3144C36.4514 10.8767 36.1349 11.6392 36.1342 12.4346ZM15.6765 46.1302C13.2377 46.0192 11.9121 45.6132 11.0311 45.2702C9.86323 44.8158 9.02993 44.2746 8.15381 43.4002C7.27768 42.5258 6.73536 41.6938 6.28269 40.5266C5.93928 39.6466 5.53304 38.3214 5.42217 35.884C5.3009 33.2488 5.27668 32.4572 5.27668 25.781C5.27668 19.1048 5.3029 18.3154 5.42217 15.678C5.53324 13.2406 5.94248 11.918 6.28269 11.0354C6.73736 9.86816 7.27888 9.03536 8.15381 8.15976C9.02873 7.28416 9.86123 6.74216 11.0311 6.28976C11.9117 5.94656 13.2377 5.54056 15.6765 5.42976C18.3133 5.30856 19.1054 5.28436 25.7826 5.28436C32.4598 5.28436 33.2527 5.31056 35.8916 5.42976C38.3305 5.54076 39.6539 5.94976 40.537 6.28976C41.7049 6.74216 42.5382 7.28536 43.4144 8.15976C44.2905 9.03416 44.8308 9.86816 45.2855 11.0354C45.6289 11.9154 46.0351 13.2406 46.146 15.678C46.2673 18.3154 46.2915 19.1048 46.2915 25.781C46.2915 32.4572 46.2673 33.2466 46.146 35.884C46.0349 38.3214 45.6267 39.6462 45.2855 40.5266C44.8308 41.6938 44.2893 42.5266 43.4144 43.4002C42.5394 44.2738 41.7049 44.8158 40.537 45.2702C39.6565 45.6134 38.3305 46.0194 35.8916 46.1302C33.2549 46.2514 32.4628 46.2756 25.7826 46.2756C19.1024 46.2756 18.3125 46.2514 15.6765 46.1302ZM15.4694 0.932162C12.8064 1.05336 10.9867 1.47536 9.39755 2.09336C7.75177 2.73156 6.35853 3.58776 4.9663 4.97696C3.57406 6.36616 2.71955 7.76076 2.08097 9.40556C1.46259 10.9948 1.04034 12.8124 0.919069 15.4738C0.795795 18.1394 0.767578 18.9916 0.767578 25.7808C0.767578 32.57 0.795795 33.4222 0.919069 36.0878C1.04034 38.7494 1.46259 40.5668 2.08097 42.156C2.71955 43.7998 3.57426 45.196 4.9663 46.5846C6.35833 47.9732 7.75177 48.8282 9.39755 49.4682C10.9897 50.0862 12.8064 50.5082 15.4694 50.6294C18.138 50.7506 18.9893 50.7808 25.7826 50.7808C32.5759 50.7808 33.4286 50.7526 36.0958 50.6294C38.759 50.5082 40.5774 50.0862 42.1676 49.4682C43.8124 48.8282 45.2066 47.9738 46.5989 46.5846C47.9911 45.1954 48.8438 43.7998 49.4842 42.156C50.1026 40.5668 50.5268 38.7492 50.6461 36.0878C50.7674 33.4202 50.7956 32.57 50.7956 25.7808C50.7956 18.9916 50.7674 18.1394 50.6461 15.4738C50.5248 12.8122 50.1026 10.9938 49.4842 9.40556C48.8438 7.76176 47.9889 6.36836 46.5989 4.97696C45.2088 3.58556 43.8124 2.73156 42.1696 2.09336C40.5775 1.47536 38.7588 1.05136 36.0978 0.932162C33.4306 0.810962 32.5779 0.780762 25.7846 0.780762C18.9913 0.780762 18.138 0.808962 15.4694 0.932162Z"
  fill="" />
<path
  d="M17.4456 25.7808C17.4456 21.1786 21.1776 17.4468 25.7826 17.4468C30.3875 17.4468 34.1216 21.1786 34.1216 25.7808C34.1216 30.383 30.3875 34.1148 25.7826 34.1148C21.1776 34.1148 17.4456 30.383 17.4456 25.7808ZM12.9377 25.7808C12.9377 32.8708 18.6883 38.618 25.7826 38.618C32.8768 38.618 38.6275 32.8708 38.6275 25.7808C38.6275 18.6908 32.8768 12.9436 25.7826 12.9436C18.6883 12.9436 12.9377 18.6908 12.9377 25.7808ZM36.1342 12.4346C36.1339 13.0279 36.3098 13.608 36.6394 14.1015C36.9691 14.595 37.4377 14.9797 37.9861 15.2069C38.5346 15.4342 39.1381 15.4939 39.7204 15.3784C40.3028 15.2628 40.8378 14.9773 41.2577 14.5579C41.6777 14.1385 41.9638 13.6041 42.0799 13.0222C42.1959 12.4403 42.1367 11.8371 41.9097 11.2888C41.6828 10.7406 41.2982 10.2719 40.8047 9.94202C40.3112 9.61218 39.7309 9.436 39.1372 9.43576H39.136C38.3402 9.43613 37.5771 9.75216 37.0142 10.3144C36.4514 10.8767 36.1349 11.6392 36.1342 12.4346ZM15.6765 46.1302C13.2377 46.0192 11.9121 45.6132 11.0311 45.2702C9.86323 44.8158 9.02993 44.2746 8.15381 43.4002C7.27768 42.5258 6.73536 41.6938 6.28269 40.5266C5.93928 39.6466 5.53304 38.3214 5.42217 35.884C5.3009 33.2488 5.27668 32.4572 5.27668 25.781C5.27668 19.1048 5.3029 18.3154 5.42217 15.678C5.53324 13.2406 5.94248 11.918 6.28269 11.0354C6.73736 9.86816 7.27888 9.03536 8.15381 8.15976C9.02873 7.28416 9.86123 6.74216 11.0311 6.28976C11.9117 5.94656 13.2377 5.54056 15.6765 5.42976C18.3133 5.30856 19.1054 5.28436 25.7826 5.28436C32.4598 5.28436 33.2527 5.31056 35.8916 5.42976C38.3305 5.54076 39.6539 5.94976 40.537 6.28976C41.7049 6.74216 42.5382 7.28536 43.4144 8.15976C44.2905 9.03416 44.8308 9.86816 45.2855 11.0354C45.6289 11.9154 46.0351 13.2406 46.146 15.678C46.2673 18.3154 46.2915 19.1048 46.2915 25.781C46.2915 32.4572 46.2673 33.2466 46.146 35.884C46.0349 38.3214 45.6267 39.6462 45.2855 40.5266C44.8308 41.6938 44.2893 42.5266 43.4144 43.4002C42.5394 44.2738 41.7049 44.8158 40.537 45.2702C39.6565 45.6134 38.3305 46.0194 35.8916 46.1302C33.2549 46.2514 32.4628 46.2756 25.7826 46.2756C19.1024 46.2756 18.3125 46.2514 15.6765 46.1302ZM15.4694 0.932162C12.8064 1.05336 10.9867 1.47536 9.39755 2.09336C7.75177 2.73156 6.35853 3.58776 4.9663 4.97696C3.57406 6.36616 2.71955 7.76076 2.08097 9.40556C1.46259 10.9948 1.04034 12.8124 0.919069 15.4738C0.795795 18.1394 0.767578 18.9916 0.767578 25.7808C0.767578 32.57 0.795795 33.4222 0.919069 36.0878C1.04034 38.7494 1.46259 40.5668 2.08097 42.156C2.71955 43.7998 3.57426 45.196 4.9663 46.5846C6.35833 47.9732 7.75177 48.8282 9.39755 49.4682C10.9897 50.0862 12.8064 50.5082 15.4694 50.6294C18.138 50.7506 18.9893 50.7808 25.7826 50.7808C32.5759 50.7808 33.4286 50.7526 36.0958 50.6294C38.759 50.5082 40.5774 50.0862 42.1676 49.4682C43.8124 48.8282 45.2066 47.9738 46.5989 46.5846C47.9911 45.1954 48.8438 43.7998 49.4842 42.156C50.1026 40.5668 50.5268 38.7492 50.6461 36.0878C50.7674 33.4202 50.7956 32.57 50.7956 25.7808C50.7956 18.9916 50.7674 18.1394 50.6461 15.4738C50.5248 12.8122 50.1026 10.9938 49.4842 9.40556C48.8438 7.76176 47.9889 6.36836 46.5989 4.97696C45.2088 3.58556 43.8124 2.73156 42.1696 2.09336C40.5775 1.47536 38.7588 1.05136 36.0978 0.932162C33.4306 0.810962 32.5779 0.780762 25.7846 0.780762C18.9913 0.780762 18.138 0.808962 15.4694 0.932162Z"
  fill="" />
<defs>
  <radialGradient id="paint0_radial_7092_54404" cx="0" cy="0" r="1"
    gradientUnits="userSpaceOnUse"
    gradientTransform="translate(7.41436 51.017) scale(65.31 65.2708)">
    <stop offset="0.09" stop-color="#FA8F21" />
    <stop offset="0.78" stop-color="#D82D7E" />
  </radialGradient>
  <radialGradient id="paint1_radial_7092_54404" cx="0" cy="0" r="1"
    gradientUnits="userSpaceOnUse"
    gradientTransform="translate(31.1086 53.257) scale(51.4733 51.4424)">
    <stop offset="0.64" stop-color="#8C3AAA" stop-opacity="0" />
    <stop offset="1" stop-color="#8C3AAA" />
  </radialGradient>
</defs>
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-gradient-to-bl from-purple-500 via-pink-500 to-yellow-500 z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-full relative overflow-hidden bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="fill-black z-10 transition-all duration-300 group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72" fill="none">
<path
  d="M40.7568 32.1716L59.3704 11H54.9596L38.7974 29.383L25.8887 11H11L30.5205 38.7983L11 61H15.4111L32.4788 41.5869L46.1113 61H61L40.7557 32.1716H40.7568ZM34.7152 39.0433L32.7374 36.2752L17.0005 14.2492H23.7756L36.4755 32.0249L38.4533 34.7929L54.9617 57.8986H48.1865L34.7152 39.0443V39.0433Z"
  fill="" />
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-black z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex items-center justify-center relative overflow-hidden rounded-full bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="fill-gray-900 relative z-10 transition-all duration-300 group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="20" height="24" viewBox="0 0 42 47" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
  d="M30.6721 17.4285C33.7387 19.6085 37.4112 20.7733 41.1737 20.7592V13.3024C40.434 13.3045 39.6963 13.2253 38.9739 13.0663V19.0068C35.203 19.0135 31.5252 17.8354 28.4599 15.6389V30.9749C28.4507 33.4914 27.7606 35.9585 26.4628 38.1146C25.165 40.2706 23.3079 42.0353 21.0885 43.2215C18.8691 44.4076 16.37 44.9711 13.8563 44.852C11.3426 44.733 8.90795 43.9359 6.81055 42.5453C8.75059 44.5082 11.2295 45.8513 13.9333 46.4044C16.6372 46.9576 19.4444 46.6959 21.9994 45.6526C24.5545 44.6093 26.7425 42.8312 28.2864 40.5436C29.8302 38.256 30.6605 35.5616 30.6721 32.8018V17.4285ZM33.3938 9.82262C31.8343 8.13232 30.8775 5.97386 30.6721 3.68324V2.71387H28.5842C28.8423 4.16989 29.4039 5.5553 30.2326 6.78004C31.0612 8.00479 32.1383 9.04144 33.3938 9.82262ZM11.645 36.642C10.9213 35.6957 10.4779 34.5653 10.365 33.3793C10.2522 32.1934 10.4746 30.9996 11.0068 29.9338C11.5391 28.8681 12.3598 27.9731 13.3757 27.3508C14.3915 26.7285 15.5616 26.4039 16.7529 26.4139C17.4106 26.4137 18.0644 26.5143 18.6916 26.7121V19.0068C17.9584 18.9097 17.2189 18.8682 16.4794 18.8826V24.8728C14.9522 24.39 13.2992 24.4998 11.8492 25.1803C10.3992 25.8608 9.25851 27.0621 8.65394 28.5454C8.04937 30.0286 8.02524 31.6851 8.58636 33.1853C9.14748 34.6855 10.2527 35.9196 11.6823 36.642H11.645Z"
  fill="#FFF" />
<path fill-rule="evenodd" clip-rule="evenodd"
  d="M28.4589 15.5892C31.5241 17.7857 35.2019 18.9638 38.9729 18.9571V13.0166C36.8243 12.5623 34.8726 11.4452 33.3927 9.82262C32.1372 9.04144 31.0601 8.00479 30.2315 6.78004C29.4029 5.5553 28.8412 4.16989 28.5831 2.71387H23.09V32.8018C23.0849 34.1336 22.6629 35.4304 21.8831 36.51C21.1034 37.5897 20.0051 38.3981 18.7425 38.8217C17.4798 39.2453 16.1162 39.2629 14.8431 38.872C13.57 38.4811 12.4512 37.7012 11.6439 36.642C10.3645 35.9965 9.3399 34.9387 8.7354 33.6394C8.1309 32.3401 7.98177 30.875 8.31208 29.4805C8.64239 28.0861 9.43286 26.8435 10.556 25.9535C11.6791 25.0634 13.0693 24.5776 14.5023 24.5745C15.1599 24.5766 15.8134 24.6772 16.4411 24.8728V18.8826C13.7288 18.9477 11.0946 19.8033 8.86172 21.3444C6.62887 22.8855 4.89458 25.0451 3.87175 27.5579C2.84892 30.0708 2.58205 32.8276 3.10392 35.49C3.62579 38.1524 4.91367 40.6045 6.80948 42.5453C8.90731 43.9459 11.3458 44.7512 13.8651 44.8755C16.3845 44.9997 18.8904 44.4383 21.1158 43.2509C23.3413 42.0636 25.2031 40.2948 26.5027 38.133C27.8024 35.9712 28.4913 33.4973 28.4962 30.9749L28.4589 15.5892Z"
  fill="" />
<path fill-rule="evenodd" clip-rule="evenodd"
  d="M38.9736 13.0161V11.4129C37.0005 11.4213 35.0655 10.8696 33.3934 9.82211C34.8695 11.4493 36.8229 12.5674 38.9736 13.0161ZM28.5838 2.71335C28.5838 2.42751 28.4968 2.12924 28.4596 1.8434V0.874023H20.8785V30.9744C20.872 32.6598 20.197 34.2738 19.0017 35.4621C17.8064 36.6504 16.1885 37.3159 14.503 37.3126C13.5106 37.3176 12.5311 37.0876 11.6446 36.6415C12.4519 37.7007 13.5707 38.4805 14.8438 38.8715C16.1169 39.2624 17.4805 39.2448 18.7432 38.8212C20.0058 38.3976 21.1041 37.5892 21.8838 36.5095C22.6636 35.4298 23.0856 34.1331 23.0907 32.8013V2.71335H28.5838ZM16.4418 18.8696V17.167C13.3222 16.7432 10.1511 17.3885 7.44529 18.9977C4.73944 20.6069 2.65839 23.0851 1.54131 26.0284C0.424223 28.9718 0.336969 32.2067 1.29377 35.206C2.25057 38.2053 4.195 40.792 6.81017 42.5448C4.92871 40.5995 3.65455 38.1484 3.14333 35.4908C2.63212 32.8333 2.906 30.0844 3.9315 27.5799C4.957 25.0755 6.68974 22.924 8.91801 21.3882C11.1463 19.8524 13.7736 18.9988 16.4791 18.9318L16.4418 18.8696Z"
  fill="" />
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-black via-black to-red-600 z-0 transition-all duration-500 group-hover:top-0"></div>

</button>

<button class="w-10 h-10 flex items-center relative overflow-hidden justify-center rounded-full bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="fill-gray-900 relative z-10 transition-all duration-300 group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 71 72" fill="none">
<path
  d="M12.5762 56.8405L15.8608 44.6381C13.2118 39.8847 12.3702 34.3378 13.4904 29.0154C14.6106 23.693 17.6176 18.952 21.9594 15.6624C26.3012 12.3729 31.6867 10.7554 37.1276 11.1068C42.5685 11.4582 47.6999 13.755 51.5802 17.5756C55.4604 21.3962 57.8292 26.4844 58.2519 31.9065C58.6746 37.3286 57.1228 42.7208 53.8813 47.0938C50.6399 51.4668 45.9261 54.5271 40.605 55.7133C35.284 56.8994 29.7125 56.1318 24.9131 53.5513L12.5762 56.8405ZM25.508 48.985L26.2709 49.4365C29.7473 51.4918 33.8076 52.3423 37.8191 51.8555C41.8306 51.3687 45.5681 49.5719 48.4489 46.7452C51.3298 43.9185 53.1923 40.2206 53.7463 36.2279C54.3002 32.2351 53.5143 28.1717 51.5113 24.6709C49.5082 21.1701 46.4003 18.4285 42.6721 16.8734C38.9438 15.3184 34.8045 15.0372 30.8993 16.0736C26.994 17.11 23.5422 19.4059 21.0817 22.6035C18.6212 25.801 17.2903 29.7206 17.2963 33.7514C17.293 37.0937 18.2197 40.3712 19.9732 43.2192L20.4516 44.0061L18.6153 50.8167L25.508 48.985Z"
  fill="" />
<path fill-rule="evenodd" clip-rule="evenodd"
  d="M44.0259 36.8847C43.5787 36.5249 43.0549 36.2716 42.4947 36.1442C41.9344 36.0168 41.3524 36.0186 40.793 36.1495C39.9524 36.4977 39.4093 37.8134 38.8661 38.4713C38.7516 38.629 38.5833 38.7396 38.3928 38.7823C38.2024 38.8251 38.0028 38.797 37.8316 38.7034C34.7543 37.5012 32.1748 35.2965 30.5122 32.4475C30.3704 32.2697 30.3033 32.044 30.325 31.8178C30.3467 31.5916 30.4555 31.3827 30.6286 31.235C31.2344 30.6368 31.6791 29.8959 31.9218 29.0809C31.9756 28.1818 31.7691 27.2863 31.3269 26.5011C30.985 25.4002 30.3344 24.42 29.4518 23.6762C28.9966 23.472 28.4919 23.4036 27.9985 23.4791C27.5052 23.5546 27.0443 23.7709 26.6715 24.1019C26.0242 24.6589 25.5104 25.3537 25.168 26.135C24.8256 26.9163 24.6632 27.7643 24.6929 28.6165C24.6949 29.0951 24.7557 29.5716 24.8739 30.0354C25.1742 31.1497 25.636 32.2144 26.2447 33.1956C26.6839 33.9473 27.163 34.6749 27.6801 35.3755C29.3607 37.6767 31.4732 39.6305 33.9003 41.1284C35.1183 41.8897 36.42 42.5086 37.7799 42.973C39.1924 43.6117 40.752 43.8568 42.2931 43.6824C43.1711 43.5499 44.003 43.2041 44.7156 42.6755C45.4281 42.1469 45.9995 41.4518 46.3795 40.6512C46.6028 40.1675 46.6705 39.6269 46.5735 39.1033C46.3407 38.0327 44.9053 37.4007 44.0259 36.8847Z"
  fill="" />
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-green-400 z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex items-center justify-center rounded-full bg-white shadow-md shadow-gray-200 group transition-all duration-300 relative overflow-hidden">
<svg class="fill-gray-900 relative z-10 transition-all duration-300 group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 71 72" fill="none">
<path
  d="M33.3501 13.0437C25.9186 13.893 18.5132 20.0479 18.2075 28.84C18.0154 34.2083 19.5044 38.2356 24.4951 39.3664C26.6608 35.4553 23.7965 34.5927 23.3511 31.7633C21.5216 20.1686 36.4153 12.2615 44.2093 20.3563C49.6018 25.9615 46.0519 43.206 37.3541 41.4136C29.0231 39.7017 41.4323 25.9749 34.7823 23.2796C29.3767 21.0894 26.5037 29.9798 29.0667 34.396C27.5647 41.9902 24.3292 49.1464 25.6391 58.6715C29.8876 55.5158 31.3198 49.4727 32.4943 43.1702C34.6295 44.4978 35.7691 45.8789 38.4937 46.0935C48.5407 46.8891 54.1515 35.8263 52.7805 25.6218C51.5623 16.5749 42.7422 11.971 33.3501 13.0437Z"
  fill="" />
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-red-600 z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex items-center relative overflow-hidden justify-center rounded-full bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="fill-gray-900 relative z-10 transition-all duration-300 group-hover:fill-white"  xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 72 72" fill="none">
<path d="M24.7612 55.999V28.3354H15.5433V55.999H24.7621H24.7612ZM20.1542 24.5591C23.3679 24.5591 25.3687 22.4348 25.3687 19.7801C25.3086 17.065 23.3679 15 20.2153 15C17.0605 15 15 17.065 15 19.7799C15 22.4346 17.0001 24.5588 20.0938 24.5588H20.1534L20.1542 24.5591ZM29.8633 55.999H39.0805V40.5521C39.0805 39.7264 39.1406 38.8985 39.3841 38.3088C40.0502 36.6562 41.5668 34.9455 44.1138 34.9455C47.4484 34.9455 48.7831 37.4821 48.7831 41.2014V55.999H58V40.1376C58 31.6408 53.4532 27.6869 47.3887 27.6869C42.4167 27.6869 40.233 30.4589 39.0198 32.347H39.0812V28.3364H29.8638C29.9841 30.9316 29.8631 56 29.8631 56L29.8633 55.999Z" 
fill=""/>
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-[#006699] z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex items-center relative overflow-hidden justify-center rounded-full bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="fill-gray-900 relative z-10 transition-all duration-500 group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 72 72" fill="none">
<path
  d="M35.9042 13C23.0034 13 13 22.4537 13 35.2171C13 41.8936 15.737 47.6655 20.1919 51.6508C20.5641 51.9829 20.7931 52.4525 20.8046 52.9563L20.9306 57.0333C20.9397 57.3333 21.0225 57.6264 21.1714 57.8869C21.3204 58.1474 21.5311 58.3674 21.785 58.5274C22.0389 58.6874 22.3282 58.7826 22.6275 58.8047C22.9268 58.8267 23.227 58.7749 23.5016 58.6538L28.048 56.6496C28.4317 56.4779 28.8669 56.4492 29.2734 56.558C31.3634 57.1306 33.5851 57.4398 35.9042 57.4398C48.805 57.4398 58.8084 47.9861 58.8084 35.2228C58.8084 22.4594 48.805 13 35.9042 13Z"
  fill="" />
<path class="fill-white transition-all duration-500 group-hover:fill-gray-900"
  d="M22.1502 41.7161L28.8783 31.0428C29.1314 30.6409 29.4651 30.2959 29.8583 30.0295C30.2514 29.7631 30.6955 29.5812 31.1626 29.4951C31.6296 29.409 32.1094 29.4206 32.5717 29.5293C33.034 29.638 33.4688 29.8414 33.8485 30.1266L39.2024 34.1406C39.4414 34.3195 39.7322 34.4157 40.0308 34.4147C40.3293 34.4137 40.6194 34.3154 40.8572 34.1348L48.0835 28.6493C49.0455 27.9163 50.3052 29.073 49.6639 30.098L42.93 40.7656C42.6769 41.1674 42.3433 41.5124 41.9501 41.7788C41.5569 42.0452 41.1128 42.2272 40.6458 42.3133C40.1787 42.3994 39.6989 42.3877 39.2366 42.279C38.7743 42.1703 38.3396 41.967 37.9598 41.6818L32.606 37.6678C32.367 37.4889 32.0762 37.3926 31.7776 37.3937C31.479 37.3947 31.1889 37.4929 30.9512 37.6735L23.7249 43.1591C22.7629 43.892 21.5032 42.7411 22.1502 41.7161Z"
  fill="white" />
<defs>
  <radialGradient id="paint0_radial_7092_54580" cx="0" cy="0" r="1"
    gradientUnits="userSpaceOnUse"
    gradientTransform="translate(20.6729 58.8084) scale(50.3892 50.3892)">
    <stop stop-color="#0099FF" />
    <stop offset="0.6" stop-color="#A033FF" />
    <stop offset="0.9" stop-color="#FF5280" />
    <stop offset="1" stop-color="#FF7061" />
  </radialGradient>
</defs>
</svg>
<div class="absolute top-full left-0 w-full h-full rounded-full bg-gradient-to-tr from-blue-500 via-purple-500 to-pink-500 z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex relative overflow-hidden items-center justify-center rounded-full bg-white shadow-md shadow-gray-200 group transition-all duration-300 z-0">
<svg class="fill-gray-900 relative z-10 transition-all duration-300 group-hover:fill-white" 
xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 72 72" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
  d="M61.03 36.015C61.03 49.8304 49.8304 61.03 36.015 61.03C22.1996 61.03 11 49.8304 11 36.015C11 22.1996 22.1996 11 36.015 11C49.8304 11 61.03 22.1996 61.03 36.015ZM38.4121 28.3392C34.1147 30.1955 21.7235 35.4671 21.7235 35.4671C18.7869 36.6551 20.5058 37.7688 20.5058 37.7688C20.5058 37.7688 23.0127 38.6599 25.1615 39.328C27.3103 39.9963 28.4563 39.2538 28.4563 39.2538C28.4563 39.2538 33.47 35.8384 38.5554 32.2002C42.1366 29.6757 41.2772 31.7547 40.4176 32.6457C38.5554 34.5762 35.4755 37.6204 32.897 40.0706C31.751 41.1101 32.324 42.001 32.8254 42.4465C34.2836 43.7256 37.718 46.0518 39.2773 47.1079C39.7093 47.4005 39.9974 47.5956 40.0596 47.6439C40.4176 47.941 42.4232 49.2774 43.6408 48.9804C44.8584 48.6834 45.0017 46.9757 45.0017 46.9757C45.0017 46.9757 45.9328 40.8873 46.7923 35.3186C46.9515 34.2252 47.1107 33.1548 47.2592 32.1567C47.645 29.5623 47.9582 27.4565 48.0099 26.7058C48.2248 24.1814 45.6463 25.2208 45.6463 25.2208C45.6463 25.2208 40.0596 27.5968 38.4121 28.3392Z"
  fill="" />
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-blue-400 z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex items-center relative overflow-hidden justify-center rounded-full bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="fill-gray-900 relative z-10 transition-all duration-300 group-hover:fill-white" 
xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 72 72" fill="none">
<path
  d="M45.8956 26.0879C46.8845 26.0879 47.8503 26.1701 48.8032 26.2876C47.0805 18.7224 39.1346 13 29.5799 13C18.7651 13 10 20.3257 10 29.3599C10 34.5686 12.9306 39.1897 17.4761 42.1798L14.8948 47.3562L21.9268 44.336C23.4347 44.873 25.0016 45.3152 26.6753 45.521C26.4465 44.5226 26.3166 43.4991 26.3166 42.4487C26.3166 33.4273 35.0976 26.0879 45.8956 26.0879ZM36.1064 20.3615C37.4577 20.3615 38.5536 21.4608 38.5536 22.8158C38.5536 24.1713 37.4578 25.2698 36.1064 25.2698C34.7543 25.2698 33.6589 24.1713 33.6589 22.8158C33.6589 21.4607 34.7543 20.3615 36.1064 20.3615ZM23.0531 25.2698C21.7016 25.2698 20.6057 24.1713 20.6057 22.8158C20.6057 21.4608 21.7017 20.3615 23.0531 20.3615C24.4045 20.3615 25.5006 21.4608 25.5006 22.8158C25.5005 24.1713 24.4044 25.2698 23.0531 25.2698Z"
  fill="" />
<path
  d="M62.2121 42.4484C62.2121 35.22 54.9051 29.3599 45.8956 29.3599C36.8858 29.3599 29.5799 35.22 29.5799 42.4484C29.5799 49.6763 36.8858 55.5365 45.8956 55.5365C47.3773 55.5365 48.7867 55.3271 50.1542 55.0297L58.9489 58.8084L55.9072 52.713C59.7191 50.3174 62.2121 46.6335 62.2121 42.4484ZM41.001 41.6303C39.6496 41.6303 38.5534 40.5314 38.5534 39.1757C38.5534 37.8207 39.6495 36.7222 41.001 36.7222C42.3528 36.7222 43.4482 37.8212 43.4482 39.1757C43.4482 40.5316 42.3526 41.6303 41.001 41.6303ZM50.7905 41.6303C49.4385 41.6303 48.3433 40.5314 48.3433 39.1757C48.3433 37.8207 49.4384 36.7222 50.7905 36.7222C52.1425 36.7222 53.238 37.8212 53.238 39.1757C53.238 40.5316 52.1425 41.6303 50.7905 41.6303Z"
  fill="" />
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-green-500 z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex relative overflow-hidden items-center justify-center rounded-full bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="fill-gray-900 relative z-10 transition-all duration-300 group-hover:fill-white" 
xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 72 72" fill="none">
<path
  d="M25.4663 54.2563C25.4663 53.4894 25.4663 52.7226 25.4663 51.9558C25.4717 51.9244 25.4706 51.8923 25.463 51.8614C25.4554 51.8305 25.4415 51.8015 25.4221 51.7761C25.4027 51.7507 25.3783 51.7296 25.3503 51.7139C25.3223 51.6983 25.2914 51.6885 25.2595 51.6852C23.3396 51.1452 21.5676 50.1833 20.0755 48.8711C18.9883 47.8921 18.0831 46.7318 17.4011 45.443C16.4398 43.5813 15.8001 41.5734 15.5084 39.5027C15.147 36.9051 15.0214 34.2807 15.1333 31.6609C15.1579 30.4395 15.2209 29.232 15.3611 28.0107C15.5847 25.6897 16.1762 23.4181 17.1137 21.2792C18.2713 18.6495 20.3715 16.5371 23.0092 15.3493C24.806 14.5354 26.6963 13.9411 28.6384 13.5797C30.5428 13.2226 32.471 13.0035 34.4077 12.924C36.1534 12.8628 37.9011 12.8883 39.6443 13.0003C42.1391 13.1045 44.6114 13.5136 47.0049 14.2182C48.7795 14.7246 50.4677 15.4906 52.0137 16.4909C53.5199 17.5145 54.7382 18.9009 55.5538 20.5194C56.5126 22.4097 57.1644 24.4378 57.4851 26.5291C57.6934 27.7706 57.8304 29.023 57.8952 30.2799C57.9863 31.8379 57.9758 33.4027 57.9162 34.9537C57.8566 36.5047 57.7234 38.0106 57.5307 39.5304C57.287 41.8115 56.5787 44.0199 55.4486 46.0224C53.9777 48.5556 51.6214 50.4686 48.8241 51.4006C46.9113 52.0637 44.9363 52.5357 42.9285 52.8094C41.4599 53.0106 39.9878 53.1563 38.5086 53.2153C37.3765 53.2674 36.2444 53.2535 35.1122 53.2362C34.4708 53.2362 33.8329 53.1737 33.1949 53.1182C33.1323 53.1065 33.0676 53.1134 33.009 53.1381C32.9503 53.1628 32.9004 53.2042 32.8655 53.257C31.5756 54.7906 30.2367 56.2826 28.8872 57.7677C28.6414 58.0387 28.3568 58.2725 28.0425 58.4617C27.8362 58.5957 27.6009 58.6798 27.3557 58.7072C27.1105 58.7346 26.8622 58.7045 26.6309 58.6194C26.3996 58.5343 26.1918 58.3965 26.0242 58.2172C25.8566 58.0379 25.7339 57.8222 25.6661 57.5873C25.5325 57.1699 25.4662 56.7343 25.4698 56.2965C25.4663 55.6095 25.4663 54.9329 25.4663 54.2563ZM27.026 57.1674L27.1908 57.0148L30.1175 53.7983C31.2438 52.5607 32.3689 51.322 33.4929 50.0821C33.5481 50.0065 33.6227 49.9467 33.7089 49.9089C33.7951 49.8711 33.8899 49.8566 33.9836 49.867C34.3656 49.9051 34.7477 49.919 35.1332 49.9225C36.4652 49.9225 37.7971 49.9225 39.129 49.8288C40.3383 49.7351 41.544 49.5894 42.7428 49.402C44.0334 49.1796 45.3111 48.8889 46.5703 48.5311C49.3744 47.7851 51.544 46.189 52.9075 43.604C53.7124 42.0147 54.2173 40.2931 54.3971 38.5242C54.6102 36.8569 54.7377 35.18 54.7792 33.4999C54.8413 31.3894 54.6957 29.2779 54.3445 27.1953C54.101 25.6864 53.6628 24.2147 53.0407 22.8164C52.2485 21.0815 51.1269 19.645 49.3989 18.722C46.7491 17.3063 43.8819 16.6748 40.9271 16.3521C40.0894 16.2619 39.2517 16.2133 38.4105 16.1821C36.688 16.0942 34.9619 16.1035 33.2405 16.2099C32.0025 16.3008 30.7712 16.4653 29.5532 16.7026C27.7619 17.0258 26.0291 17.6105 24.4112 18.4375C23.4733 18.9066 22.6224 19.5296 21.8946 20.2799C20.715 21.5851 19.8498 23.138 19.3639 24.8219C18.7876 26.7831 18.473 28.8105 18.4281 30.8524C18.3153 32.8944 18.3411 34.9416 18.5052 36.9801C18.6073 38.1933 18.8125 39.3958 19.1186 40.5748C19.574 42.4122 20.4575 44.1186 21.6983 45.5575C23.038 47.0254 24.7694 48.0887 26.693 48.6248C26.9349 48.6976 27.0435 48.7809 27.0435 49.0516C27.0225 50.0509 27.0435 51.0502 27.0435 52.0495L27.026 57.1674Z"
  fill="" />
<path
  d="M24.5732 26.1755C24.5487 25.4156 24.9658 24.8639 25.4705 24.3677C26.1362 23.7365 26.8696 23.1792 27.6577 22.7057C28.017 22.4863 28.4443 22.4027 28.861 22.4703C29.2776 22.5379 29.6556 22.7521 29.9254 23.0735C30.8789 24.0657 31.7324 25.1476 32.4736 26.3039C32.8407 26.824 33.1179 27.4009 33.2938 28.011C33.3641 28.2491 33.3687 28.5015 33.3071 28.742C33.2454 28.9824 33.1198 29.2021 32.9433 29.3781C32.539 29.7711 32.108 30.1363 31.6534 30.4711C31.4244 30.6518 31.2541 30.8952 31.1637 31.171C31.0734 31.4468 31.0669 31.7428 31.1452 32.0221C31.4259 33.334 32.062 34.5455 32.9854 35.5266C34.1073 36.8825 35.5529 37.9403 37.1915 38.6044C37.5941 38.8093 38.0554 38.8717 38.4988 38.7813C38.7417 38.7157 38.9575 38.5761 39.1157 38.3823C39.3611 38.0735 39.6275 37.7751 39.8483 37.4454C40.1347 37.0343 40.572 36.7501 41.067 36.6535C41.562 36.5569 42.0756 36.6556 42.4981 36.9284C43.6863 37.6109 44.808 38.4007 45.849 39.2879C46.0943 39.4961 46.3502 39.6973 46.5956 39.909C46.8859 40.1282 47.0955 40.4356 47.1924 40.7841C47.2893 41.1325 47.268 41.5029 47.1318 41.8382C46.9153 42.4022 46.5996 42.9237 46.1995 43.3788C45.7022 44.063 45.0688 44.6392 44.3383 45.0721C43.9891 45.2751 43.5967 45.3943 43.1925 45.4202C42.7884 45.4461 42.3837 45.378 42.0109 45.2213C39.1751 44.091 36.5253 42.5485 34.1491 40.6446C31.8248 38.7505 29.7937 36.5294 28.1203 34.052C26.7123 32.0011 25.5921 29.7705 24.7905 27.4212C24.7052 27.137 24.635 26.8486 24.5802 26.5572C24.5646 26.4305 24.5623 26.3026 24.5732 26.1755Z"
  fill="" />
<path
  d="M36.6744 22.4835C39.0471 22.527 41.3291 23.3933 43.1226 24.9317C44.9161 26.47 46.1073 28.5826 46.4886 30.9013C46.6421 31.7443 46.7242 32.5985 46.734 33.4551C46.734 33.6563 46.6814 33.802 46.4641 33.8229C46.2468 33.8437 46.1907 33.6598 46.1907 33.4759C46.2233 31.7433 45.864 30.0255 45.1392 28.4481C44.5288 27.152 43.6246 26.0128 42.4969 25.1191C41.3692 24.2255 40.0484 23.6014 38.6373 23.2955C37.8912 23.1245 37.1283 23.036 36.3625 23.0318C36.2879 23.033 36.2135 23.0237 36.1417 23.004C36.0805 22.9869 36.0284 22.947 35.9963 22.8926C35.9643 22.8382 35.9548 22.7737 35.9699 22.7125C35.9704 22.6835 35.9766 22.6549 35.9884 22.6283C36.0001 22.6017 36.0171 22.5777 36.0383 22.5577C36.0595 22.5377 36.0845 22.5221 36.1119 22.5117C36.1393 22.5013 36.1685 22.4965 36.1977 22.4974C36.3555 22.4766 36.5167 22.4835 36.6744 22.4835Z"
  fill="" />
<path
  d="M43.4406 31.8935C43.4288 30.9296 43.189 29.9818 42.7404 29.1261C42.2918 28.2705 41.6469 27.5308 40.8574 26.9664C39.9359 26.3257 38.8647 25.928 37.7449 25.811C37.5556 25.7867 37.3663 25.7763 37.1735 25.7555C36.9807 25.7346 36.8651 25.6548 36.8826 25.4605C36.9001 25.2662 37.0228 25.1968 37.2331 25.2107C40.3386 25.3981 42.9814 27.1364 43.7946 30.3738C43.9433 30.998 44.0175 31.6373 44.0154 32.2787C44.0154 32.3377 44.0154 32.3967 44.0154 32.4522C44.0154 32.6257 43.9033 32.7402 43.7315 32.7367C43.6934 32.7354 43.656 32.7265 43.6215 32.7104C43.587 32.6944 43.5562 32.6715 43.531 32.6432C43.5057 32.615 43.4865 32.5819 43.4746 32.5461C43.4627 32.5103 43.4583 32.4724 43.4616 32.4348C43.4336 32.2717 43.4406 32.1052 43.4406 31.8935Z"
  fill="" />
<path
  d="M37.9996 28.028C39.7031 28.1425 40.8913 28.9683 41.2173 30.7622C41.2568 30.992 41.2849 31.2236 41.3014 31.4562C41.3014 31.6436 41.2593 31.8032 41.0525 31.8032C40.8457 31.8032 40.7756 31.6644 40.7686 31.4562C40.7667 30.7686 40.5527 30.0979 40.1552 29.5339C39.7376 29.0231 39.1379 28.6903 38.4798 28.604C38.3327 28.5768 38.184 28.5582 38.0347 28.5485C37.7893 28.5485 37.6526 28.4271 37.6842 28.2397C37.7157 28.0523 37.8629 28.0176 37.9996 28.028Z"
  fill="" />
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-fuchsia-700 z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex items-center relative overflow-hidden justify-center rounded-full bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="fill-gray-900 relative z-10 transition-all duration-300 group-hover:fill-white" 
xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 50 50" fill="none">
<path
  d="M29.3522 14.55C29.3522 18.4089 27.8124 22.1097 25.0717 24.8384C22.3309 27.5671 18.6136 29.1 14.7376 29.1C10.8616 29.1 7.14432 27.5671 4.40356 24.8384C1.66279 22.1097 0.123047 18.4089 0.123047 14.55C0.123047 10.6911 1.66279 6.99025 4.40356 4.2616C7.14432 1.53294 10.8616 0 14.7376 0C18.6136 0 22.3309 1.53294 25.0717 4.2616C27.8124 6.99025 29.3522 10.6911 29.3522 14.55Z"
  fill="" />
<path
  d="M49.7196 35.445C49.7196 37.3564 49.3415 39.2491 48.6068 41.015C47.8721 42.7809 46.7952 44.3854 45.4376 45.737C44.0801 47.0885 42.4684 48.1606 40.6947 48.8921C38.921 49.6235 37.0199 50 35.1 50C31.2227 50 27.5041 48.4665 24.7624 45.737C22.0207 43.0074 20.4805 39.3052 20.4805 35.445C20.4805 31.5848 22.0207 27.8827 24.7624 25.1531C27.5041 22.4235 31.2227 20.89 35.1 20.89C37.0199 20.89 38.921 21.2665 40.6947 21.9979C42.4684 22.7294 44.0801 23.8015 45.4376 25.1531C46.7952 26.5046 47.8721 28.1092 48.6068 29.8751C49.3415 31.641 49.7196 33.5336 49.7196 35.445Z"
  fill="" />
<path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd"
  d="M0.176758 15.795C0.40376 18.5441 1.40597 21.1727 3.06724 23.3762C4.72852 25.5797 6.98086 27.2679 9.56328 28.2451C12.1457 29.2224 14.9525 29.4487 17.6584 28.8978C20.3643 28.347 22.8585 27.0415 24.8521 25.1327C26.8457 23.2239 28.257 20.7899 28.9225 18.1127C29.5879 15.4356 29.4804 12.6248 28.6122 10.0062C27.744 7.38765 26.1508 5.06839 24.0171 3.3172C21.8835 1.56601 19.2967 0.454576 16.5566 0.111694C12.8361 1.35488 9.43753 3.4061 6.60533 6.11786C3.77313 8.82962 1.57765 12.1346 0.176758 15.795Z"
  fill="" />
<path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd"
  d="M49.6811 34.4C49.4902 31.6174 48.5055 28.9476 46.8434 26.7064C45.1813 24.4652 42.9113 22.7464 40.302 21.7534C37.6928 20.7603 34.8534 20.5345 32.1197 21.1027C29.386 21.6708 26.8724 23.0092 24.8762 24.9594C22.88 26.9097 21.4848 29.3902 20.8555 32.1076C20.2263 34.825 20.3893 37.6656 21.3254 40.2933C22.2615 42.9211 23.9315 45.226 26.1377 46.9356C28.344 48.6451 30.9943 49.6877 33.7751 49.94C37.394 48.6528 40.6902 46.5967 43.4363 43.9135C46.1824 41.2303 48.313 37.9839 49.6811 34.3983V34.4Z"
  fill="" />
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd"
  d="M0.860352 19.1216C1.62798 21.4673 2.97863 23.5801 4.78599 25.2626C6.59336 26.9451 8.79838 28.1422 11.1948 28.742C13.5913 29.3418 16.1009 29.3246 18.4889 28.6922C20.877 28.0597 23.0654 26.8326 24.8496 25.1257C26.6337 23.4187 27.9554 21.2876 28.6908 18.9317C29.4263 16.5758 29.5516 14.072 29.0549 11.6546C28.5583 9.23718 27.456 6.98506 25.8511 5.10889C24.2462 3.23271 22.1911 1.79377 19.8781 0.926636C15.32 1.8752 11.1204 4.08384 7.75796 7.30082C4.3955 10.5178 2.00549 14.6137 0.860352 19.1216Z"
  fill="" />
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd"
  d="M49.0178 30.98C48.2615 28.6066 46.9097 26.466 45.0911 24.7619C43.2726 23.0578 41.0477 21.8469 38.6282 21.2444C36.2088 20.6419 33.6752 20.6678 31.2686 21.3198C28.8621 21.9717 26.6625 23.2279 24.8793 24.9689C23.0961 26.7098 21.7885 28.8777 21.081 31.266C20.3735 33.6544 20.2896 36.1839 20.8374 38.6138C21.3851 41.0437 22.5462 43.2932 24.2101 45.1483C25.8741 47.0033 27.9856 48.4021 30.3437 49.2117C34.8435 48.203 38.9734 45.9634 42.2714 42.7435C45.5694 39.5236 47.9054 35.4505 49.0178 30.98Z"
  fill="" />
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd"
  d="M1.39746 20.5016C2.34836 22.6419 3.80103 24.522 5.63274 25.9832C7.46445 27.4444 9.62136 28.4437 11.9212 28.8967C14.2211 29.3497 16.5963 29.243 18.8462 28.5857C21.0961 27.9284 23.1545 26.7397 24.8475 25.1203C26.5406 23.5008 27.8185 21.498 28.5733 19.2811C29.328 17.0643 29.5375 14.6985 29.184 12.3838C28.8304 10.069 27.9243 7.8733 26.5421 5.98211C25.1599 4.09093 23.3423 2.55987 21.2428 1.51831C16.3875 2.27323 11.881 4.49834 8.33208 7.89315C4.78311 11.288 2.36261 15.6889 1.39746 20.5016Z"
  fill="" />
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd"
  d="M48.4788 29.5717C47.5328 27.4066 46.0747 25.5033 44.2299 24.0253C42.385 22.5473 40.2086 21.5387 37.8874 21.0863C35.5663 20.6338 33.1699 20.7509 30.9041 21.4276C28.6383 22.1043 26.5708 23.3203 24.8792 24.9712C23.1877 26.622 21.9226 28.6584 21.1927 30.9054C20.4628 33.1524 20.2899 35.5427 20.6889 37.8712C21.0878 40.1996 22.0467 42.3965 23.4831 44.2731C24.9195 46.1497 26.7905 47.65 28.9354 48.645C33.7482 47.8281 38.1973 45.5648 41.6891 42.157C45.1809 38.7492 47.5494 34.3589 48.4788 29.5717Z"
  fill="" />
<path
  d="M48.0711 25.1084C48.0711 28.1347 47.4724 31.1313 46.3092 33.9273C45.1459 36.7232 43.4409 39.2637 41.2914 41.4036C39.142 43.5436 36.5903 45.241 33.7819 46.3992C30.9735 47.5573 27.9635 48.1534 24.9238 48.1534C21.884 48.1534 18.874 47.5573 16.0656 46.3992C13.2573 45.241 10.7055 43.5436 8.55608 41.4036C6.40665 39.2637 4.70162 36.7232 3.53836 33.9273C2.37509 31.1313 1.77637 28.1347 1.77637 25.1084C1.77637 22.082 2.37509 19.0854 3.53836 16.2894C4.70162 13.4935 6.40665 10.953 8.55608 8.81308C10.7055 6.67315 13.2573 4.97567 16.0656 3.81755C18.874 2.65943 21.884 2.06335 24.9238 2.06335C27.9635 2.06335 30.9735 2.65943 33.7819 3.81755C36.5903 4.97567 39.142 6.67315 41.2914 8.81308C43.4409 10.953 45.1459 13.4935 46.3092 16.2894C47.4724 19.0854 48.0711 22.082 48.0711 25.1084Z"
  fill="" />
<path class="fill-white group-hover:fill-sky-500" fill-rule="evenodd" clip-rule="evenodd"
  d="M18.4151 24.3084C17.4797 23.6934 16.6991 22.8709 16.1343 21.905C15.5889 20.8846 15.3197 19.7396 15.3534 18.5834C15.3121 17.116 15.8134 15.6849 16.7616 14.5634C17.7471 13.4371 19.0136 12.5918 20.4324 12.1134C21.9754 11.5688 23.6012 11.2954 25.2377 11.305C26.3084 11.2949 27.378 11.3769 28.4346 11.55C29.1909 11.6667 29.9337 11.8582 30.6521 12.1217C31.3117 12.3447 31.9072 12.7245 32.3873 13.2284C32.7411 13.6429 32.9315 14.172 32.9229 14.7167C32.9355 14.9997 32.8922 15.2823 32.7954 15.5486C32.6987 15.8148 32.5504 16.0594 32.359 16.2684C32.1778 16.4609 31.958 16.6131 31.7139 16.7147C31.4697 16.8164 31.2068 16.8654 30.9424 16.8584C30.5786 16.8554 30.2196 16.7747 29.8895 16.6217C29.0761 16.258 28.2381 15.9517 27.3818 15.705C26.5935 15.4974 25.7809 15.3965 24.9657 15.405C23.9033 15.366 22.8522 15.6345 21.939 16.1784C21.5537 16.4122 21.2383 16.7452 21.0258 17.1425C20.8133 17.5397 20.7115 17.9867 20.731 18.4367C20.7254 19.0275 20.9505 19.5972 21.3584 20.025C21.8431 20.5276 22.416 20.9371 23.0486 21.2334C23.7572 21.5845 24.8139 22.05 26.2188 22.63C26.3744 22.6792 26.5261 22.74 26.6726 22.8117C28.0436 23.3534 29.3581 24.0283 30.597 24.8267C31.5755 25.464 32.4006 26.3098 33.013 27.3034C33.6161 28.3476 33.9181 29.5382 33.8857 30.7434C33.9363 32.2189 33.513 33.672 32.6776 34.89C31.827 36.0433 30.6503 36.9157 29.2989 37.395C27.6702 37.9763 25.9491 38.2564 24.2199 38.2217C21.8437 38.3048 19.4788 37.8578 17.2972 36.9134C16.7395 36.6653 16.2505 36.2855 15.8723 35.8067C15.5583 35.368 15.3955 34.8392 15.4085 34.3C15.3929 34.0157 15.4393 33.7313 15.5444 33.4666C15.6495 33.2018 15.8109 32.9631 16.0175 32.7667C16.4504 32.388 17.0125 32.1899 17.5875 32.2134C18.2282 32.2221 18.8576 32.3838 19.4229 32.685C20.1259 33.0361 20.6804 33.2995 21.0864 33.475C21.5501 33.6689 22.0304 33.8207 22.5214 33.9284C23.1268 34.061 23.7453 34.1248 24.3651 34.1184C25.4611 34.1965 26.5518 33.9061 27.4635 33.2934C27.8048 33.0266 28.0776 32.6825 28.2592 32.2895C28.4408 31.8964 28.5261 31.4659 28.508 31.0334C28.509 30.4201 28.275 29.8297 27.854 29.3834C27.2975 28.8095 26.6461 28.3359 25.9285 27.9834C25.0798 27.5367 23.8862 26.9923 22.3478 26.35C20.972 25.8024 19.6545 25.1184 18.4151 24.3084Z"
  fill="" />
<defs>
  <linearGradient id="paint0_linear_7092_54073" x1="12.4584" y1="0.176667" x2="17.0069"
    y2="28.9249" gradientUnits="userSpaceOnUse">
    <stop offset="0.012" stop-color="#00B7F0" />
    <stop offset="0.339" stop-color="#009DE5" />
    <stop offset="0.755" stop-color="#0082D9" />
    <stop offset="1" stop-color="#0078D4" />
  </linearGradient>
  <linearGradient id="paint1_linear_7092_54073" x1="22.446" y1="42.7417" x2="47.7384"
    y2="28.124" gradientUnits="userSpaceOnUse">
    <stop stop-color="#0078D4" />
    <stop offset="0.37" stop-color="#007AD5" />
    <stop offset="0.573" stop-color="#0082D9" />
    <stop offset="0.735" stop-color="#0090DF" />
    <stop offset="0.875" stop-color="#00A3E7" />
    <stop offset="1" stop-color="#00BCF2" />
  </linearGradient>
  <linearGradient id="paint2_linear_7092_54073" x1="15.8904" y1="9.48169" x2="38.9459"
    y2="49.4589" gradientUnits="userSpaceOnUse">
    <stop stop-color="#00B7F0" />
    <stop offset="1" stop-color="#007CC1" />
  </linearGradient>
</defs>
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-sky-500 z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex relative overflow-hidden items-center justify-center rounded-full bg-white shadow-md bg-opacity-0 shadow-gray-200 group transition-all duration-500">
<svg class="fill-gray-900 relative z-10 transition-all duration-300 group-hover:fill-white" 
xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 54 41" fill="none">
<path class=""
  d="M4.00654 40.1236H12.4893V19.5227L0.371094 10.4341V36.4881C0.371094 38.4997 2.00099 40.1236 4.00654 40.1236Z"
  fill="" />
<path class=""
  d="M41.5732 40.1236H50.056C52.0676 40.1236 53.6914 38.4937 53.6914 36.4881V10.4341L41.5732 19.5227"
  fill="" />
<path class=""
  d="M41.5732 3.7693V19.5229L53.6914 10.4343V5.58702C53.6914 1.09118 48.5594 -1.47181 44.9663 1.22448"
  fill="" />
<path  class=""
 d="M12.4893 19.5227V3.76904L27.0311 14.6754L41.5729 3.76904V19.5227L27.0311 30.429"
  fill="" />
<path class=""
  d="M0.371094 5.58702V10.4343L12.4893 19.5229V3.7693L9.09617 1.22448C5.49708 -1.47181 0.371094 1.09118 0.371094 5.58702Z"
  fill="" />
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-red-500 z-0 transition-all duration-500 group-hover:top-0"></div>
</button>

<button class="w-10 h-10 flex items-center relative overflow-hidden justify-center rounded-full bg-white shadow-md shadow-gray-200 group transition-all duration-300">
<svg class="fill-gray-900 relative z-10 transition-all duration-300 group-hover:fill-white" 
xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 72 72" fill="none">
<path
  d="M61.1026 23.7185C60.5048 21.471 58.7363 19.6981 56.4863 19.0904C52.4181 18 36.0951 18 36.0951 18C36.0951 18 19.7805 18 15.7039 19.0904C13.4622 19.6897 11.6937 21.4627 11.0876 23.7185C10 27.7971 10 36.3124 10 36.3124C10 36.3124 10 44.8276 11.0876 48.9063C11.6854 51.1537 13.4539 52.9267 15.7039 53.5343C19.7805 54.6247 36.0951 54.6247 36.0951 54.6247C36.0951 54.6247 52.4181 54.6247 56.4863 53.5343C58.728 52.935 60.4965 51.162 61.1026 48.9063C62.1902 44.8276 62.1902 36.3124 62.1902 36.3124C62.1902 36.3124 62.1902 27.7971 61.1026 23.7185Z"
  fill="" />
<path class="fill-white transition-all duration-300 group-hover:fill-[#FF3000]"
 d="M30.8811 44.1617L44.4392 36.3124L30.8811 28.463V44.1617Z" fill="white" />
</svg>
<div> class="absolute top-full left-0 w-full h-full rounded-full bg-[#FF3000] z-0 transition-all duration-500 group-hover:top-0"></div>
</button>
</div>
                    

Tailwind Social Icons

There are some more of the most popular brands in the form of tailwind social buttons.

<div class="bg-white w-full h-auto py-8 flex items-center justify-center gap-4 flex-wrap">
<button class="bg-blue-50 cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-indigo-200">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 92 92" fill="none">
<rect x="0.138672" width="" height="" rx="15" fill="#EDF4FF"/>
<path d="M56.4927 48.6403L57.7973 40.3588H49.7611V34.9759C49.7611 32.7114 50.883 30.4987 54.4706 30.4987H58.1756V23.4465C56.018 23.1028 53.8378 22.9168 51.6527 22.8901C45.0385 22.8901 40.7204 26.8626 40.7204 34.0442V40.3588H33.3887V48.6403H40.7204V68.671H49.7611V48.6403H56.4927Z" fill="#337FFF"/>
</svg></button>

<button class="w-12 h-12 flex items-center justify-center bg-gradient-to-tr from-red-50 to-pink-50 cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-red-200" >
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 51 51" fill="none">
  <path d="M17.4456 25.7808C17.4456 21.1786 21.1776 17.4468 25.7826 17.4468C30.3875 17.4468 34.1216 21.1786 34.1216 25.7808C34.1216 30.383 30.3875 34.1148 25.7826 34.1148C21.1776 34.1148 17.4456 30.383 17.4456 25.7808ZM12.9377 25.7808C12.9377 32.8708 18.6883 38.618 25.7826 38.618C32.8768 38.618 38.6275 32.8708 38.6275 25.7808C38.6275 18.6908 32.8768 12.9436 25.7826 12.9436C18.6883 12.9436 12.9377 18.6908 12.9377 25.7808ZM36.1342 12.4346C36.1339 13.0279 36.3098 13.608 36.6394 14.1015C36.9691 14.595 37.4377 14.9797 37.9861 15.2069C38.5346 15.4342 39.1381 15.4939 39.7204 15.3784C40.3028 15.2628 40.8378 14.9773 41.2577 14.5579C41.6777 14.1385 41.9638 13.6041 42.0799 13.0222C42.1959 12.4403 42.1367 11.8371 41.9097 11.2888C41.6828 10.7406 41.2982 10.2719 40.8047 9.94202C40.3112 9.61218 39.7309 9.436 39.1372 9.43576H39.136C38.3402 9.43613 37.5771 9.75216 37.0142 10.3144C36.4514 10.8767 36.1349 11.6392 36.1342 12.4346ZM15.6765 46.1302C13.2377 46.0192 11.9121 45.6132 11.0311 45.2702C9.86323 44.8158 9.02993 44.2746 8.15381 43.4002C7.27768 42.5258 6.73536 41.6938 6.28269 40.5266C5.93928 39.6466 5.53304 38.3214 5.42217 35.884C5.3009 33.2488 5.27668 32.4572 5.27668 25.781C5.27668 19.1048 5.3029 18.3154 5.42217 15.678C5.53324 13.2406 5.94248 11.918 6.28269 11.0354C6.73736 9.86816 7.27888 9.03536 8.15381 8.15976C9.02873 7.28416 9.86123 6.74216 11.0311 6.28976C11.9117 5.94656 13.2377 5.54056 15.6765 5.42976C18.3133 5.30856 19.1054 5.28436 25.7826 5.28436C32.4598 5.28436 33.2527 5.31056 35.8916 5.42976C38.3305 5.54076 39.6539 5.94976 40.537 6.28976C41.7049 6.74216 42.5382 7.28536 43.4144 8.15976C44.2905 9.03416 44.8308 9.86816 45.2855 11.0354C45.6289 11.9154 46.0351 13.2406 46.146 15.678C46.2673 18.3154 46.2915 19.1048 46.2915 25.781C46.2915 32.4572 46.2673 33.2466 46.146 35.884C46.0349 38.3214 45.6267 39.6462 45.2855 40.5266C44.8308 41.6938 44.2893 42.5266 43.4144 43.4002C42.5394 44.2738 41.7049 44.8158 40.537 45.2702C39.6565 45.6134 38.3305 46.0194 35.8916 46.1302C33.2549 46.2514 32.4628 46.2756 25.7826 46.2756C19.1024 46.2756 18.3125 46.2514 15.6765 46.1302ZM15.4694 0.932162C12.8064 1.05336 10.9867 1.47536 9.39755 2.09336C7.75177 2.73156 6.35853 3.58776 4.9663 4.97696C3.57406 6.36616 2.71955 7.76076 2.08097 9.40556C1.46259 10.9948 1.04034 12.8124 0.919069 15.4738C0.795795 18.1394 0.767578 18.9916 0.767578 25.7808C0.767578 32.57 0.795795 33.4222 0.919069 36.0878C1.04034 38.7494 1.46259 40.5668 2.08097 42.156C2.71955 43.7998 3.57426 45.196 4.9663 46.5846C6.35833 47.9732 7.75177 48.8282 9.39755 49.4682C10.9897 50.0862 12.8064 50.5082 15.4694 50.6294C18.138 50.7506 18.9893 50.7808 25.7826 50.7808C32.5759 50.7808 33.4286 50.7526 36.0958 50.6294C38.759 50.5082 40.5774 50.0862 42.1676 49.4682C43.8124 48.8282 45.2066 47.9738 46.5989 46.5846C47.9911 45.1954 48.8438 43.7998 49.4842 42.156C50.1026 40.5668 50.5268 38.7492 50.6461 36.0878C50.7674 33.4202 50.7956 32.57 50.7956 25.7808C50.7956 18.9916 50.7674 18.1394 50.6461 15.4738C50.5248 12.8122 50.1026 10.9938 49.4842 9.40556C48.8438 7.76176 47.9889 6.36836 46.5989 4.97696C45.2088 3.58556 43.8124 2.73156 42.1696 2.09336C40.5775 1.47536 38.7588 1.05136 36.0978 0.932162C33.4306 0.810962 32.5779 0.780762 25.7846 0.780762C18.9913 0.780762 18.138 0.808962 15.4694 0.932162Z" fill="url(#paint0_radial_7092_54379)"/>
  <path d="M17.4456 25.7808C17.4456 21.1786 21.1776 17.4468 25.7826 17.4468C30.3875 17.4468 34.1216 21.1786 34.1216 25.7808C34.1216 30.383 30.3875 34.1148 25.7826 34.1148C21.1776 34.1148 17.4456 30.383 17.4456 25.7808ZM12.9377 25.7808C12.9377 32.8708 18.6883 38.618 25.7826 38.618C32.8768 38.618 38.6275 32.8708 38.6275 25.7808C38.6275 18.6908 32.8768 12.9436 25.7826 12.9436C18.6883 12.9436 12.9377 18.6908 12.9377 25.7808ZM36.1342 12.4346C36.1339 13.0279 36.3098 13.608 36.6394 14.1015C36.9691 14.595 37.4377 14.9797 37.9861 15.2069C38.5346 15.4342 39.1381 15.4939 39.7204 15.3784C40.3028 15.2628 40.8378 14.9773 41.2577 14.5579C41.6777 14.1385 41.9638 13.6041 42.0799 13.0222C42.1959 12.4403 42.1367 11.8371 41.9097 11.2888C41.6828 10.7406 41.2982 10.2719 40.8047 9.94202C40.3112 9.61218 39.7309 9.436 39.1372 9.43576H39.136C38.3402 9.43613 37.5771 9.75216 37.0142 10.3144C36.4514 10.8767 36.1349 11.6392 36.1342 12.4346ZM15.6765 46.1302C13.2377 46.0192 11.9121 45.6132 11.0311 45.2702C9.86323 44.8158 9.02993 44.2746 8.15381 43.4002C7.27768 42.5258 6.73536 41.6938 6.28269 40.5266C5.93928 39.6466 5.53304 38.3214 5.42217 35.884C5.3009 33.2488 5.27668 32.4572 5.27668 25.781C5.27668 19.1048 5.3029 18.3154 5.42217 15.678C5.53324 13.2406 5.94248 11.918 6.28269 11.0354C6.73736 9.86816 7.27888 9.03536 8.15381 8.15976C9.02873 7.28416 9.86123 6.74216 11.0311 6.28976C11.9117 5.94656 13.2377 5.54056 15.6765 5.42976C18.3133 5.30856 19.1054 5.28436 25.7826 5.28436C32.4598 5.28436 33.2527 5.31056 35.8916 5.42976C38.3305 5.54076 39.6539 5.94976 40.537 6.28976C41.7049 6.74216 42.5382 7.28536 43.4144 8.15976C44.2905 9.03416 44.8308 9.86816 45.2855 11.0354C45.6289 11.9154 46.0351 13.2406 46.146 15.678C46.2673 18.3154 46.2915 19.1048 46.2915 25.781C46.2915 32.4572 46.2673 33.2466 46.146 35.884C46.0349 38.3214 45.6267 39.6462 45.2855 40.5266C44.8308 41.6938 44.2893 42.5266 43.4144 43.4002C42.5394 44.2738 41.7049 44.8158 40.537 45.2702C39.6565 45.6134 38.3305 46.0194 35.8916 46.1302C33.2549 46.2514 32.4628 46.2756 25.7826 46.2756C19.1024 46.2756 18.3125 46.2514 15.6765 46.1302ZM15.4694 0.932162C12.8064 1.05336 10.9867 1.47536 9.39755 2.09336C7.75177 2.73156 6.35853 3.58776 4.9663 4.97696C3.57406 6.36616 2.71955 7.76076 2.08097 9.40556C1.46259 10.9948 1.04034 12.8124 0.919069 15.4738C0.795795 18.1394 0.767578 18.9916 0.767578 25.7808C0.767578 32.57 0.795795 33.4222 0.919069 36.0878C1.04034 38.7494 1.46259 40.5668 2.08097 42.156C2.71955 43.7998 3.57426 45.196 4.9663 46.5846C6.35833 47.9732 7.75177 48.8282 9.39755 49.4682C10.9897 50.0862 12.8064 50.5082 15.4694 50.6294C18.138 50.7506 18.9893 50.7808 25.7826 50.7808C32.5759 50.7808 33.4286 50.7526 36.0958 50.6294C38.759 50.5082 40.5774 50.0862 42.1676 49.4682C43.8124 48.8282 45.2066 47.9738 46.5989 46.5846C47.9911 45.1954 48.8438 43.7998 49.4842 42.156C50.1026 40.5668 50.5268 38.7492 50.6461 36.0878C50.7674 33.4202 50.7956 32.57 50.7956 25.7808C50.7956 18.9916 50.7674 18.1394 50.6461 15.4738C50.5248 12.8122 50.1026 10.9938 49.4842 9.40556C48.8438 7.76176 47.9889 6.36836 46.5989 4.97696C45.2088 3.58556 43.8124 2.73156 42.1696 2.09336C40.5775 1.47536 38.7588 1.05136 36.0978 0.932162C33.4306 0.810962 32.5779 0.780762 25.7846 0.780762C18.9913 0.780762 18.138 0.808962 15.4694 0.932162Z" fill="url(#paint1_radial_7092_54379)"/>
  <defs>
    <radialGradient id="paint0_radial_7092_54379" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.41436 51.017) scale(65.31 65.2708)">
      <stop offset="0.09" stop-color="#FA8F21"/>
      <stop offset="0.78" stop-color="#D82D7E"/>
    </radialGradient>
    <radialGradient id="paint1_radial_7092_54379" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(31.1086 53.257) scale(51.4733 51.4424)">
      <stop offset="0.64" stop-color="#8C3AAA" stop-opacity="0"/>
      <stop offset="1" stop-color="#8C3AAA"/>
    </radialGradient>
  </defs>
</svg>

</button>

<svg class="cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-indigo-200"  xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 92" fill="none">
<rect x="0.138672" width="91.5618" height="91.5618" rx="15" fill="#F7F7F7"/>
<path d="M50.7568 42.1716L69.3704 21H64.9596L48.7974 39.383L35.8887 21H21L40.5205 48.7983L21 71H25.4111L42.4788 51.5869L56.1113 71H71L50.7557 42.1716H50.7568ZM44.7152 49.0433L42.7374 46.2752L27.0005 24.2492H33.7756L46.4755 42.0249L48.4533 44.7929L64.9617 67.8986H58.1865L44.7152 49.0443V49.0433Z" fill="black"/>
</svg>

<button class="w-12 h-12 flex items-center justify-center bg-gray-100 cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-indigo-200" >
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="28" viewBox="0 0 42 47" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.6721 17.4285C33.7387 19.6085 37.4112 20.7733 41.1737 20.7592V13.3024C40.434 13.3045 39.6963 13.2253 38.9739 13.0663V19.0068C35.203 19.0135 31.5252 17.8354 28.4599 15.6389V30.9749C28.4507 33.4914 27.7606 35.9585 26.4628 38.1146C25.165 40.2706 23.3079 42.0353 21.0885 43.2215C18.8691 44.4076 16.37 44.9711 13.8563 44.852C11.3426 44.733 8.90795 43.9359 6.81055 42.5453C8.75059 44.5082 11.2295 45.8513 13.9333 46.4044C16.6372 46.9576 19.4444 46.6959 21.9994 45.6526C24.5545 44.6093 26.7425 42.8312 28.2864 40.5436C29.8302 38.256 30.6605 35.5616 30.6721 32.8018V17.4285ZM33.3938 9.82262C31.8343 8.13232 30.8775 5.97386 30.6721 3.68324V2.71387H28.5842C28.8423 4.16989 29.4039 5.5553 30.2326 6.78004C31.0612 8.00479 32.1383 9.04144 33.3938 9.82262ZM11.645 36.642C10.9213 35.6957 10.4779 34.5653 10.365 33.3793C10.2522 32.1934 10.4746 30.9996 11.0068 29.9338C11.5391 28.8681 12.3598 27.9731 13.3757 27.3508C14.3915 26.7285 15.5616 26.4039 16.7529 26.4139C17.4106 26.4137 18.0644 26.5143 18.6916 26.7121V19.0068C17.9584 18.9097 17.2189 18.8682 16.4794 18.8826V24.8728C14.9522 24.39 13.2992 24.4998 11.8492 25.1803C10.3992 25.8608 9.25851 27.0621 8.65394 28.5454C8.04937 30.0286 8.02524 31.6851 8.58636 33.1853C9.14748 34.6855 10.2527 35.9196 11.6823 36.642H11.645Z" fill="#EE1D52"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.4589 15.5892C31.5241 17.7857 35.2019 18.9638 38.9729 18.9571V13.0166C36.8243 12.5623 34.8726 11.4452 33.3927 9.82262C32.1372 9.04144 31.0601 8.00479 30.2315 6.78004C29.4029 5.5553 28.8412 4.16989 28.5831 2.71387H23.09V32.8018C23.0849 34.1336 22.6629 35.4304 21.8831 36.51C21.1034 37.5897 20.0051 38.3981 18.7425 38.8217C17.4798 39.2453 16.1162 39.2629 14.8431 38.872C13.57 38.4811 12.4512 37.7012 11.6439 36.642C10.3645 35.9965 9.3399 34.9387 8.7354 33.6394C8.1309 32.3401 7.98177 30.875 8.31208 29.4805C8.64239 28.0861 9.43286 26.8435 10.556 25.9535C11.6791 25.0634 13.0693 24.5776 14.5023 24.5745C15.1599 24.5766 15.8134 24.6772 16.4411 24.8728V18.8826C13.7288 18.9477 11.0946 19.8033 8.86172 21.3444C6.62887 22.8855 4.89458 25.0451 3.87175 27.5579C2.84892 30.0708 2.58205 32.8276 3.10392 35.49C3.62579 38.1524 4.91367 40.6045 6.80948 42.5453C8.90731 43.9459 11.3458 44.7512 13.8651 44.8755C16.3845 44.9997 18.8904 44.4383 21.1158 43.2509C23.3413 42.0636 25.2031 40.2948 26.5027 38.133C27.8024 35.9712 28.4913 33.4973 28.4962 30.9749L28.4589 15.5892Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.9736 13.0161V11.4129C37.0005 11.4213 35.0655 10.8696 33.3934 9.82211C34.8695 11.4493 36.8229 12.5674 38.9736 13.0161ZM28.5838 2.71335C28.5838 2.42751 28.4968 2.12924 28.4596 1.8434V0.874023H20.8785V30.9744C20.872 32.6598 20.197 34.2738 19.0017 35.4621C17.8064 36.6504 16.1885 37.3159 14.503 37.3126C13.5106 37.3176 12.5311 37.0876 11.6446 36.6415C12.4519 37.7007 13.5707 38.4805 14.8438 38.8715C16.1169 39.2624 17.4805 39.2448 18.7432 38.8212C20.0058 38.3976 21.1041 37.5892 21.8838 36.5095C22.6636 35.4298 23.0856 34.1331 23.0907 32.8013V2.71335H28.5838ZM16.4418 18.8696V17.167C13.3222 16.7432 10.1511 17.3885 7.44529 18.9977C4.73944 20.6069 2.65839 23.0851 1.54131 26.0284C0.424223 28.9718 0.336969 32.2067 1.29377 35.206C2.25057 38.2053 4.195 40.792 6.81017 42.5448C4.92871 40.5995 3.65455 38.1484 3.14333 35.4908C2.63212 32.8333 2.906 30.0844 3.9315 27.5799C4.957 25.0755 6.68974 22.924 8.91801 21.3882C11.1463 19.8524 13.7736 18.9988 16.4791 18.9318L16.4418 18.8696Z" fill="#69C9D0"/>
</svg>
</button>

<svg class="cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-green-200" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 92" fill="none">
<rect x="1.13867" width="91.5618" height="91.5618" rx="15" fill="#ECFFF5"/>
<path d="M23.5762 66.8405L26.8608 54.6381C24.2118 49.8847 23.3702 44.3378 24.4904 39.0154C25.6106 33.693 28.6176 28.952 32.9594 25.6624C37.3012 22.3729 42.6867 20.7554 48.1276 21.1068C53.5685 21.4582 58.6999 23.755 62.5802 27.5756C66.4604 31.3962 68.8292 36.4844 69.2519 41.9065C69.6746 47.3286 68.1228 52.7208 64.8813 57.0938C61.6399 61.4668 56.9261 64.5271 51.605 65.7133C46.284 66.8994 40.7125 66.1318 35.9131 63.5513L23.5762 66.8405ZM36.508 58.985L37.2709 59.4365C40.7473 61.4918 44.8076 62.3423 48.8191 61.8555C52.8306 61.3687 56.5681 59.5719 59.4489 56.7452C62.3298 53.9185 64.1923 50.2206 64.7463 46.2279C65.3002 42.2351 64.5143 38.1717 62.5113 34.6709C60.5082 31.1701 57.4003 28.4285 53.6721 26.8734C49.9438 25.3184 45.8045 25.0372 41.8993 26.0736C37.994 27.11 34.5422 29.4059 32.0817 32.6035C29.6212 35.801 28.2903 39.7206 28.2963 43.7514C28.293 47.0937 29.2197 50.3712 30.9732 53.2192L31.4516 54.0061L29.6153 60.8167L36.508 58.985Z" fill="#00D95F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.0259 46.8847C54.5787 46.5249 54.0549 46.2716 53.4947 46.1442C52.9344 46.0168 52.3524 46.0186 51.793 46.1495C50.9524 46.4977 50.4093 47.8134 49.8661 48.4713C49.7516 48.629 49.5833 48.7396 49.3928 48.7823C49.2024 48.8251 49.0028 48.797 48.8316 48.7034C45.7543 47.5012 43.1748 45.2965 41.5122 42.4475C41.3704 42.2697 41.3033 42.044 41.325 41.8178C41.3467 41.5916 41.4555 41.3827 41.6286 41.235C42.2344 40.6368 42.6791 39.8959 42.9218 39.0809C42.9756 38.1818 42.7691 37.2863 42.3269 36.5011C41.985 35.4002 41.3344 34.42 40.4518 33.6762C39.9966 33.472 39.4919 33.4036 38.9985 33.4791C38.5052 33.5546 38.0443 33.7709 37.6715 34.1019C37.0242 34.6589 36.5104 35.3537 36.168 36.135C35.8256 36.9163 35.6632 37.7643 35.6929 38.6165C35.6949 39.0951 35.7557 39.5716 35.8739 40.0354C36.1742 41.1497 36.636 42.2144 37.2447 43.1956C37.6839 43.9473 38.163 44.6749 38.6801 45.3755C40.3607 47.6767 42.4732 49.6305 44.9003 51.1284C46.1183 51.8897 47.42 52.5086 48.7799 52.973C50.1924 53.6117 51.752 53.8568 53.2931 53.6824C54.1711 53.5499 55.003 53.2041 55.7156 52.6755C56.4281 52.1469 56.9995 51.4518 57.3795 50.6512C57.6028 50.1675 57.6705 49.6269 57.5735 49.1033C57.3407 48.0327 55.9053 47.4007 55.0259 46.8847Z" fill="#00D95F"/>
</svg>

<svg class="cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-red-200" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 92" fill="none">
<rect x="1.13867" width="91.5618" height="91.5618" rx="15" fill="#FFECEC"/>
<path d="M44.3501 23.0437C36.9186 23.893 29.5132 30.0479 29.2075 38.84C29.0154 44.2083 30.5044 48.2356 35.4951 49.3664C37.6608 45.4553 34.7965 44.5927 34.3511 41.7633C32.5216 30.1686 47.4153 22.2615 55.2093 30.3563C60.6018 35.9615 57.0519 53.206 48.3541 51.4136C40.0231 49.7017 52.4323 35.9749 45.7823 33.2796C40.3767 31.0894 37.5037 39.9798 40.0667 44.396C38.5647 51.9902 35.3292 59.1464 36.6391 68.6715C40.8876 65.5158 42.3198 59.4727 43.4943 53.1702C45.6295 54.4978 46.7691 55.8789 49.4937 56.0935C59.5407 56.8891 65.1515 45.8263 63.7805 35.6218C62.5623 26.5749 53.7422 21.971 44.3501 23.0437Z" fill="#FF0000"/>
</svg>

<svg class="cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-blue-200" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 92 93" fill="none">
<rect x="0.138672" y="1" width="91.5618" height="91.5618" rx="15" fill="#EEFAFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.6975 21.5618C22.6561 21.5618 21 23.1674 21 25.1456V68.0091C21 69.9875 22.6563 71.5918 24.6975 71.5918H67.3325C69.3747 71.5918 71.03 69.9873 71.03 68.0086V25.1456C71.03 23.1674 69.3747 21.5618 67.3325 21.5618H24.6975ZM36.2032 40.9068V63.4304H28.7167V40.9068H36.2032ZM36.6967 33.9411C36.6967 36.1025 35.0717 37.8321 32.4615 37.8321L32.4609 37.8319H32.4124C29.8998 37.8319 28.2754 36.1023 28.2754 33.9409C28.2754 31.7304 29.9489 30.0491 32.5111 30.0491C35.0717 30.0491 36.6478 31.7304 36.6967 33.9411ZM47.833 63.4304H40.3471L40.3469 63.4312C40.3469 63.4312 40.4452 43.0205 40.3475 40.9075H47.8336V44.0957C48.8288 42.5613 50.6098 40.3787 54.5808 40.3787C59.5062 40.3787 63.1991 43.598 63.1991 50.516V63.4304H55.7133V51.3822C55.7133 48.354 54.6293 46.2887 51.921 46.2887C49.8524 46.2887 48.6206 47.6815 48.0796 49.0271C47.8819 49.5072 47.833 50.1813 47.833 50.8535V63.4304Z" fill="#006699"/>
</svg>

<svg class="cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-purple-200" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 93" fill="none">
<rect x="0.138672" y="1" width="91.5618" height="91.5618" rx="15" fill="#F0EEFF"/>
<path d="M46.4657 23.5618C33.5649 23.5618 23.5615 33.0155 23.5615 45.7788C23.5615 52.4554 26.2986 58.2272 30.7534 62.2126C31.1256 62.5447 31.3547 63.0142 31.3661 63.5181L31.4921 67.5951C31.5013 67.895 31.584 68.1882 31.733 68.4487C31.882 68.7092 32.0927 68.9291 32.3466 69.0892C32.6004 69.2492 32.8898 69.3444 33.1891 69.3664C33.4884 69.3885 33.7885 69.3367 34.0631 69.2155L38.6096 67.2114C38.9932 67.0396 39.4284 67.011 39.8349 67.1198C41.925 67.6924 44.1467 68.0016 46.4657 68.0016C59.3665 68.0016 69.3699 58.5479 69.3699 45.7846C69.3699 33.0212 59.3665 23.5618 46.4657 23.5618Z" fill="url(#paint0_radial_7092_54519)"/>
<path d="M32.7117 52.2779L39.4398 41.6045C39.6929 41.2027 40.0266 40.8577 40.4198 40.5913C40.8129 40.3249 41.2571 40.1429 41.7241 40.0568C42.1911 39.9707 42.671 39.9824 43.1333 40.0911C43.5956 40.1998 44.0303 40.4032 44.4101 40.6884L49.7639 44.7023C50.0029 44.8813 50.2937 44.9775 50.5923 44.9765C50.8909 44.9754 51.181 44.8772 51.4187 44.6966L58.645 39.2111C59.607 38.4781 60.8667 39.6348 60.2254 40.6597L53.4916 51.3274C53.2385 51.7292 52.9048 52.0742 52.5116 52.3406C52.1185 52.607 51.6744 52.789 51.2073 52.8751C50.7403 52.9612 50.2605 52.9495 49.7981 52.8408C49.3358 52.7321 48.9011 52.5287 48.5214 52.2435L43.1675 48.2296C42.9285 48.0506 42.6377 47.9544 42.3391 47.9554C42.0406 47.9565 41.7504 48.0547 41.5127 48.2353L34.2864 53.7209C33.3244 54.4538 32.0647 53.3028 32.7117 52.2779Z" fill="white"/>
<defs>
  <radialGradient id="paint0_radial_7092_54519" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(31.2344 69.3701) scale(50.3892 50.3892)">
    <stop stop-color="#0099FF"/>
    <stop offset="0.6" stop-color="#A033FF"/>
    <stop offset="0.9" stop-color="#FF5280"/>
    <stop offset="1" stop-color="#FF7061"/>
  </radialGradient>
</defs>
</svg>

<svg class="cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-sky-200" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 92 93" fill="none">
<rect x="0.138672" y="1" width="91.5618" height="91.5618" rx="15" fill="#E5F7FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M71.153 49.5768C71.153 63.3922 59.9534 74.5918 46.138 74.5918C32.3227 74.5918 21.123 63.3922 21.123 49.5768C21.123 35.7614 32.3227 24.5618 46.138 24.5618C59.9534 24.5618 71.153 35.7614 71.153 49.5768ZM48.5352 41.901C44.2377 43.7573 31.8466 49.0289 31.8466 49.0289C28.91 50.2169 30.6289 51.3306 30.6289 51.3306C30.6289 51.3306 33.1357 52.2216 35.2846 52.8898C37.4333 53.558 38.5793 52.8156 38.5793 52.8156C38.5793 52.8156 43.5931 49.4002 48.6784 45.7619C52.2597 43.2375 51.4002 45.3165 50.5407 46.2075C48.6784 48.138 45.5986 51.1821 43.02 53.6323C41.8741 54.6719 42.4471 55.5628 42.9485 56.0083C44.4067 57.2873 47.8411 59.6135 49.4003 60.6696C49.8324 60.9623 50.1204 61.1574 50.1826 61.2057C50.5407 61.5028 52.5463 62.8392 53.7639 62.5422C54.9815 62.2452 55.1247 60.5374 55.1247 60.5374C55.1247 60.5374 56.0558 54.4491 56.9154 48.8804C57.0746 47.787 57.2338 46.7166 57.3822 45.7184C57.768 43.1241 58.0812 41.0182 58.133 40.2675C58.3479 37.7431 55.7693 38.7825 55.7693 38.7825C55.7693 38.7825 50.1826 41.1586 48.5352 41.901Z" fill="#34AADF"/>
</svg>

<svg class="cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-green-200" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 93" fill="none">
<rect x="1.13867" y="1" width="91.5618" height="91.5618" rx="15" fill="#EEFFE9"/>
<path d="M55.9308 36.5403C56.9196 36.5403 57.8855 36.6225 58.8383 36.74C57.1157 29.1747 49.1697 23.4524 39.615 23.4524C28.8002 23.4524 20.0352 30.7781 20.0352 39.8123C20.0352 45.021 22.9657 49.6421 27.5113 52.6322L24.9299 57.8086L31.9619 54.7884C33.4698 55.3254 35.0368 55.7676 36.7104 55.9734C36.4817 54.975 36.3517 53.9515 36.3517 52.901C36.3517 43.8797 45.1327 36.5403 55.9308 36.5403ZM46.1415 30.8139C47.4928 30.8139 48.5887 31.9132 48.5887 33.2682C48.5887 34.6237 47.4929 35.7222 46.1415 35.7222C44.7895 35.7222 43.694 34.6237 43.694 33.2682C43.694 31.9131 44.7895 30.8139 46.1415 30.8139ZM33.0882 35.7222C31.7367 35.7222 30.6408 34.6237 30.6408 33.2682C30.6408 31.9132 31.7368 30.8139 33.0882 30.8139C34.4396 30.8139 35.5357 31.9132 35.5357 33.2682C35.5356 34.6237 34.4395 35.7222 33.0882 35.7222Z" fill="#51C332"/>
<path d="M72.2473 52.9008C72.2473 45.6724 64.9403 39.8123 55.9308 39.8123C46.921 39.8123 39.615 45.6724 39.615 52.9008C39.615 60.1287 46.921 65.9889 55.9308 65.9889C57.4125 65.9889 58.8219 65.7794 60.1894 65.4821L68.9841 69.2608L65.9424 63.1654C69.7542 60.7698 72.2473 57.0859 72.2473 52.9008ZM51.0361 52.0827C49.6847 52.0827 48.5886 50.9838 48.5886 49.6281C48.5886 48.2731 49.6846 47.1746 51.0361 47.1746C52.388 47.1746 53.4834 48.2736 53.4834 49.6281C53.4834 50.9839 52.3877 52.0827 51.0361 52.0827ZM60.8257 52.0827C59.4736 52.0827 58.3784 50.9838 58.3784 49.6281C58.3784 48.2731 59.4735 47.1746 60.8257 47.1746C62.1777 47.1746 63.2732 48.2736 63.2732 49.6281C63.2732 50.9839 62.1777 52.0827 60.8257 52.0827Z" fill="#51C332"/>
</svg>

<svg class="cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-violet-200" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 92 93" fill="none">
<rect x="0.138672" y="1" width="91.5618" height="91.5618" rx="15" fill="#F9F1FF"/>
<path d="M35.4663 64.818C35.4663 64.0512 35.4663 63.2844 35.4663 62.5176C35.4717 62.4862 35.4706 62.4541 35.463 62.4232C35.4554 62.3923 35.4415 62.3632 35.4221 62.3379C35.4027 62.3125 35.3783 62.2913 35.3503 62.2757C35.3223 62.26 35.2914 62.2503 35.2595 62.2469C33.3396 61.707 31.5676 60.7451 30.0755 59.4329C28.9883 58.4538 28.0831 57.2935 27.4011 56.0047C26.4398 54.143 25.8001 52.1352 25.5084 50.0644C25.147 47.4669 25.0214 44.8424 25.1333 42.2227C25.1579 41.0013 25.2209 39.7938 25.3611 38.5724C25.5847 36.2515 26.1762 33.9798 27.1137 31.841C28.2713 29.2112 30.3715 27.0989 33.0092 25.9111C34.806 25.0971 36.6963 24.5029 38.6384 24.1415C40.5428 23.7844 42.471 23.5652 44.4077 23.4857C46.1534 23.4246 47.9011 23.4501 49.6443 23.5621C52.1391 23.6663 54.6114 24.0754 57.0049 24.78C58.7795 25.2864 60.4677 26.0524 62.0137 27.0527C63.5199 28.0763 64.7382 29.4627 65.5538 31.0811C66.5126 32.9714 67.1644 34.9996 67.4851 37.0908C67.6934 38.3324 67.8304 39.5847 67.8952 40.8417C67.9863 42.3996 67.9758 43.9645 67.9162 45.5155C67.8566 47.0665 67.7234 48.5724 67.5307 50.0922C67.287 52.3732 66.5787 54.5817 65.4486 56.5842C63.9777 59.1174 61.6214 61.0303 58.8241 61.9624C56.9113 62.6255 54.9363 63.0974 52.9285 63.3711C51.4599 63.5724 49.9878 63.7181 48.5086 63.7771C47.3765 63.8292 46.2444 63.8153 45.1122 63.7979C44.4708 63.7979 43.8329 63.7355 43.1949 63.6799C43.1323 63.6683 43.0676 63.6752 43.009 63.6999C42.9503 63.7246 42.9004 63.766 42.8655 63.8187C41.5756 65.3524 40.2367 66.8444 38.8872 68.3295C38.6414 68.6004 38.3568 68.8342 38.0425 69.0234C37.8362 69.1574 37.6009 69.2415 37.3557 69.2689C37.1105 69.2963 36.8622 69.2663 36.6309 69.1811C36.3996 69.096 36.1918 68.9583 36.0242 68.779C35.8566 68.5997 35.7339 68.3839 35.6661 68.1491C35.5325 67.7317 35.4662 67.2961 35.4698 66.8583C35.4663 66.1713 35.4663 65.4947 35.4663 64.818ZM37.026 67.7292L37.1908 67.5765L40.1175 64.36C41.2438 63.1225 42.3689 61.8837 43.4929 60.6439C43.5481 60.5682 43.6227 60.5085 43.7089 60.4707C43.7951 60.4329 43.8899 60.4184 43.9836 60.4287C44.3656 60.4669 44.7477 60.4808 45.1332 60.4843C46.4652 60.4843 47.7971 60.4843 49.129 60.3906C50.3383 60.2969 51.544 60.1512 52.7428 59.9638C54.0334 59.7414 55.3111 59.4506 56.5703 59.0929C59.3744 58.3469 61.544 56.7507 62.9075 54.1657C63.7124 52.5764 64.2173 50.8549 64.3971 49.0859C64.6102 47.4187 64.7377 45.7417 64.7792 44.0617C64.8413 41.9511 64.6957 39.8396 64.3445 37.757C64.101 36.2482 63.6628 34.7765 63.0407 33.3781C62.2485 31.6432 61.1269 30.2067 59.3989 29.2838C56.7491 27.8681 53.8819 27.2366 50.9271 26.9139C50.0894 26.8237 49.2517 26.7751 48.4105 26.7439C46.688 26.656 44.9619 26.6652 43.2405 26.7716C42.0025 26.8626 40.7712 27.0271 39.5532 27.2643C37.7619 27.5876 36.0291 28.1723 34.4112 28.9992C33.4733 29.4684 32.6224 30.0913 31.8946 30.8417C30.715 32.1468 29.8498 33.6998 29.3639 35.3837C28.7876 37.3448 28.473 39.3722 28.4281 41.4142C28.3153 43.4562 28.3411 45.5033 28.5052 47.5419C28.6073 48.7551 28.8125 49.9575 29.1186 51.1366C29.574 52.974 30.4575 54.6804 31.6983 56.1192C33.038 57.5872 34.7694 58.6505 36.693 59.1866C36.9349 59.2594 37.0435 59.3427 37.0435 59.6133C37.0225 60.6126 37.0435 61.6119 37.0435 62.6112L37.026 67.7292Z" fill="#754A91"/>
<path d="M34.5732 36.7373C34.5487 35.9774 34.9658 35.4257 35.4705 34.9295C36.1362 34.2982 36.8696 33.7409 37.6577 33.2675C38.017 33.0481 38.4443 32.9645 38.861 33.0321C39.2776 33.0996 39.6556 33.3138 39.9254 33.6353C40.8789 34.6275 41.7324 35.7094 42.4736 36.8657C42.8407 37.3858 43.1179 37.9627 43.2938 38.5728C43.3641 38.8109 43.3687 39.0633 43.3071 39.3037C43.2454 39.5442 43.1198 39.7638 42.9433 39.9399C42.539 40.3328 42.108 40.698 41.6534 41.0329C41.4244 41.2136 41.2541 41.457 41.1637 41.7328C41.0734 42.0085 41.0669 42.3045 41.1452 42.5839C41.4259 43.8958 42.062 45.1072 42.9854 46.0884C44.1073 47.4443 45.5529 48.5021 47.1915 49.1661C47.5941 49.3711 48.0554 49.4335 48.4988 49.3431C48.7417 49.2775 48.9575 49.1379 49.1157 48.9441C49.3611 48.6352 49.6275 48.3368 49.8483 48.0072C50.1347 47.596 50.572 47.3119 51.067 47.2153C51.562 47.1187 52.0756 47.2174 52.4981 47.4902C53.6863 48.1726 54.808 48.9625 55.849 49.8497C56.0943 50.0579 56.3502 50.2591 56.5956 50.4708C56.8859 50.69 57.0955 50.9974 57.1924 51.3458C57.2893 51.6943 57.268 52.0646 57.1318 52.4C56.9153 52.9639 56.5996 53.4855 56.1995 53.9406C55.7022 54.6247 55.0688 55.201 54.3383 55.6338C53.9891 55.8369 53.5967 55.9561 53.1925 55.982C52.7884 56.0079 52.3837 55.9398 52.0109 55.783C49.1751 54.6528 46.5253 53.1103 44.1491 51.2064C41.8248 49.3123 39.7937 47.0911 38.1203 44.6137C36.7123 42.5629 35.5921 40.3322 34.7905 37.9829C34.7052 37.6988 34.635 37.4104 34.5802 37.119C34.5646 36.9923 34.5623 36.8644 34.5732 36.7373Z" fill="#754A91"/>
<path d="M46.6744 33.0453C49.0471 33.0887 51.3291 33.9551 53.1226 35.4934C54.9161 37.0317 56.1073 39.1444 56.4886 41.463C56.6421 42.3061 56.7242 43.1603 56.734 44.0168C56.734 44.2181 56.6814 44.3638 56.4641 44.3846C56.2468 44.4054 56.1907 44.2215 56.1907 44.0376C56.2233 42.3051 55.864 40.5872 55.1392 39.0099C54.5288 37.7138 53.6246 36.5746 52.4969 35.6809C51.3692 34.7872 50.0484 34.1631 48.6373 33.8572C47.8912 33.6862 47.1283 33.5978 46.3625 33.5935C46.2879 33.5948 46.2135 33.5855 46.1417 33.5658C46.0805 33.5487 46.0284 33.5088 45.9963 33.4544C45.9643 33.4 45.9548 33.3355 45.9699 33.2743C45.9704 33.2453 45.9766 33.2167 45.9884 33.1901C46.0001 33.1635 46.0171 33.1395 46.0383 33.1195C46.0595 33.0995 46.0845 33.0838 46.1119 33.0735C46.1393 33.0631 46.1685 33.0583 46.1977 33.0592C46.3555 33.0384 46.5167 33.0453 46.6744 33.0453Z" fill="#754A91"/>
<path d="M53.4406 42.4553C53.4288 41.4913 53.189 40.5435 52.7404 39.6879C52.2918 38.8322 51.6469 38.0925 50.8574 37.5282C49.9359 36.8874 48.8647 36.4898 47.7449 36.3727C47.5556 36.3485 47.3663 36.338 47.1735 36.3172C46.9807 36.2964 46.8651 36.2166 46.8826 36.0223C46.9001 35.828 47.0228 35.7586 47.2331 35.7725C50.3386 35.9598 52.9814 37.6982 53.7946 40.9355C53.9433 41.5598 54.0175 42.1991 54.0154 42.8405C54.0154 42.8994 54.0154 42.9584 54.0154 43.0139C54.0154 43.1874 53.9033 43.3019 53.7315 43.2985C53.6934 43.2972 53.656 43.2883 53.6215 43.2722C53.587 43.2561 53.5562 43.2333 53.531 43.205C53.5057 43.1768 53.4865 43.1437 53.4746 43.1079C53.4627 43.072 53.4583 43.0342 53.4616 42.9966C53.4336 42.8335 53.4406 42.667 53.4406 42.4553Z" fill="#754A91"/>
<path d="M47.9996 38.5898C49.7031 38.7043 50.8913 39.5301 51.2173 41.324C51.2568 41.5538 51.2849 41.7854 51.3014 42.018C51.3014 42.2053 51.2593 42.3649 51.0525 42.3649C50.8457 42.3649 50.7756 42.2262 50.7686 42.018C50.7667 41.3303 50.5527 40.6597 50.1552 40.0957C49.7376 39.5849 49.1379 39.2521 48.4798 39.1658C48.3327 39.1385 48.184 39.12 48.0347 39.1103C47.7893 39.1103 47.6526 38.9888 47.6842 38.8015C47.7157 38.6141 47.8629 38.5794 47.9996 38.5898Z" fill="#754A91"/>
</svg>

<button class="w-12 h-12 flex items-center justify-center bg-gray-100 cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-blue-200" >
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 50 51" fill="none">
<path d="M29.3522 14.6735C29.3522 18.5324 27.8124 22.2333 25.0717 24.9619C22.3309 27.6906 18.6136 29.2235 14.7376 29.2235C10.8616 29.2235 7.14432 27.6906 4.40356 24.9619C1.66279 22.2333 0.123047 18.5324 0.123047 14.6735C0.123047 10.8146 1.66279 7.11378 4.40356 4.38513C7.14432 1.65648 10.8616 0.123535 14.7376 0.123535C18.6136 0.123535 22.3309 1.65648 25.0717 4.38513C27.8124 7.11378 29.3522 10.8146 29.3522 14.6735Z" fill="url(#paint0_linear_7092_54245)"/>
<path d="M49.7196 35.5684C49.7196 37.4798 49.3415 39.3725 48.6068 41.1384C47.8721 42.9043 46.7952 44.5088 45.4376 45.8604C44.0801 47.2119 42.4684 48.284 40.6947 49.0155C38.921 49.747 37.0199 50.1234 35.1 50.1234C31.2227 50.1234 27.5041 48.59 24.7624 45.8604C22.0207 43.1308 20.4805 39.4287 20.4805 35.5684C20.4805 31.7082 22.0207 28.0061 24.7624 25.2765C27.5041 22.5469 31.2227 21.0134 35.1 21.0134C37.0199 21.0134 38.921 21.3899 40.6947 22.1214C42.4684 22.8528 44.0801 23.9249 45.4376 25.2765C46.7952 26.628 47.8721 28.2326 48.6068 29.9985C49.3415 31.7644 49.7196 33.657 49.7196 35.5684Z" fill="url(#paint1_linear_7092_54245)"/>
<path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd" d="M0.176758 15.9184C0.40376 18.6676 1.40597 21.2962 3.06724 23.4996C4.72852 25.7031 6.98086 27.3913 9.56328 28.3685C12.1457 29.3458 14.9525 29.5721 17.6584 29.0212C20.3643 28.4704 22.8585 27.1649 24.8521 25.2561C26.8457 23.3473 28.257 20.9133 28.9225 18.2361C29.5879 15.559 29.4804 12.7482 28.6122 10.1297C27.744 7.51107 26.1508 5.1918 24.0171 3.44061C21.8835 1.68942 19.2967 0.57799 16.5566 0.235107C12.8361 1.47829 9.43753 3.52951 6.60533 6.24127C3.77313 8.95304 1.57765 12.258 0.176758 15.9184Z" fill="black"/>
<path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd" d="M49.6811 34.5236C49.4902 31.741 48.5055 29.0712 46.8434 26.83C45.1813 24.5889 42.9113 22.8701 40.302 21.877C37.6928 20.884 34.8534 20.6582 32.1197 21.2263C29.386 21.7945 26.8724 23.1329 24.8762 25.0831C22.88 27.0333 21.4848 29.5139 20.8555 32.2313C20.2263 34.9487 20.3893 37.7893 21.3254 40.417C22.2615 43.0447 23.9315 45.3497 26.1377 47.0592C28.344 48.7688 30.9943 49.8113 33.7751 50.0636C37.394 48.7765 40.6902 46.7204 43.4363 44.0372C46.1824 41.354 48.313 38.1076 49.6811 34.522V34.5236Z" fill="black"/>
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M0.860352 19.2453C1.62798 21.5909 2.97863 23.7038 4.78599 25.3863C6.59336 27.0687 8.79838 28.2658 11.1948 28.8656C13.5913 29.4654 16.1009 29.4483 18.4889 28.8158C20.877 28.1834 23.0654 26.9563 24.8496 25.2493C26.6337 23.5423 27.9554 21.4112 28.6908 19.0553C29.4263 16.6994 29.5516 14.1957 29.0549 11.7783C28.5583 9.36083 27.456 7.10872 25.8511 5.23255C24.2462 3.35637 22.1911 1.91743 19.8781 1.05029C15.32 1.99885 11.1204 4.2075 7.75796 7.42448C4.3955 10.6415 2.00549 14.7374 0.860352 19.2453Z" fill="black"/>
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M49.0178 31.1034C48.2615 28.73 46.9097 26.5895 45.0911 24.8854C43.2726 23.1813 41.0477 21.9703 38.6282 21.3678C36.2088 20.7653 33.6752 20.7913 31.2686 21.4432C28.8621 22.0951 26.6625 23.3513 24.8793 25.0923C23.0961 26.8333 21.7885 29.0011 21.081 31.3894C20.3735 33.7778 20.2896 36.3073 20.8374 38.7372C21.3851 41.1671 22.5462 43.4166 24.2101 45.2717C25.8741 47.1267 27.9856 48.5255 30.3437 49.3351C34.8435 48.3264 38.9734 46.0868 42.2714 42.8669C45.5694 39.647 47.9054 35.574 49.0178 31.1034Z" fill="black"/>
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M1.39746 20.6252C2.34836 22.7654 3.80103 24.6456 5.63274 26.1068C7.46445 27.568 9.62136 28.5673 11.9212 29.0202C14.2211 29.4732 16.5963 29.3665 18.8462 28.7092C21.0961 28.0519 23.1545 26.8633 24.8475 25.2438C26.5406 23.6243 27.8185 21.6215 28.5733 19.4047C29.328 17.1878 29.5375 14.8221 29.184 12.5073C28.8304 10.1926 27.9243 7.99684 26.5421 6.10565C25.1599 4.21446 23.3423 2.6834 21.2428 1.64185C16.3875 2.39676 11.881 4.62188 8.33208 8.01668C4.78311 11.4115 2.36261 15.8124 1.39746 20.6252Z" fill="black"/>
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M48.4788 29.6951C47.5328 27.53 46.0747 25.6268 44.2299 24.1487C42.385 22.6707 40.2086 21.6621 37.8874 21.2097C35.5663 20.7572 33.1699 20.8743 30.9041 21.551C28.6383 22.2277 26.5708 23.4437 24.8792 25.0946C23.1877 26.7455 21.9226 28.7818 21.1927 31.0288C20.4628 33.2758 20.2899 35.6661 20.6889 37.9946C21.0878 40.323 22.0467 42.5199 23.4831 44.3965C24.9195 46.2731 26.7905 47.7734 28.9354 48.7684C33.7482 47.9515 38.1973 45.6882 41.6891 42.2804C45.1809 38.8726 47.5494 34.4823 48.4788 29.6951Z" fill="black"/>
<path d="M48.0711 25.2318C48.0711 28.2581 47.4724 31.2548 46.3092 34.0507C45.1459 36.8467 43.4409 39.3871 41.2914 41.527C39.142 43.667 36.5903 45.3645 33.7819 46.5226C30.9735 47.6807 27.9635 48.2768 24.9238 48.2768C21.884 48.2768 18.874 47.6807 16.0656 46.5226C13.2573 45.3645 10.7055 43.667 8.55608 41.527C6.40665 39.3871 4.70162 36.8467 3.53836 34.0507C2.37509 31.2548 1.77637 28.2581 1.77637 25.2318C1.77637 22.2055 2.37509 19.2088 3.53836 16.4128C4.70162 13.6169 6.40665 11.0764 8.55608 8.93649C10.7055 6.79657 13.2573 5.09908 16.0656 3.94096C18.874 2.78284 21.884 2.18677 24.9238 2.18677C27.9635 2.18677 30.9735 2.78284 33.7819 3.94096C36.5903 5.09908 39.142 6.79657 41.2914 8.93649C43.4409 11.0764 45.1459 13.6169 46.3092 16.4128C47.4724 19.2088 48.0711 22.2055 48.0711 25.2318Z" fill="url(#paint2_linear_7092_54245)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4151 24.4319C17.4797 23.8169 16.6991 22.9944 16.1343 22.0286C15.5889 21.0081 15.3197 19.8631 15.3534 18.7069C15.3121 17.2395 15.8134 15.8084 16.7616 14.6869C17.7471 13.5607 19.0136 12.7153 20.4324 12.2369C21.9754 11.6924 23.6012 11.4189 25.2377 11.4286C26.3084 11.4185 27.378 11.5004 28.4346 11.6736C29.1909 11.7902 29.9337 11.9817 30.6521 12.2452C31.3117 12.4683 31.9072 12.848 32.3873 13.3519C32.7411 13.7665 32.9315 14.2956 32.9229 14.8402C32.9355 15.1232 32.8922 15.4059 32.7954 15.6721C32.6987 15.9383 32.5504 16.1829 32.359 16.3919C32.1778 16.5845 31.958 16.7366 31.7139 16.8383C31.4697 16.94 31.2068 16.9889 30.9424 16.9819C30.5786 16.9789 30.2196 16.8982 29.8895 16.7452C29.0761 16.3815 28.2381 16.0752 27.3818 15.8286C26.5935 15.6209 25.7809 15.52 24.9657 15.5286C23.9033 15.4895 22.8522 15.7581 21.939 16.3019C21.5537 16.5358 21.2383 16.8688 21.0258 17.266C20.8133 17.6633 20.7115 18.1102 20.731 18.5602C20.7254 19.151 20.9505 19.7208 21.3584 20.1486C21.8431 20.6511 22.416 21.0607 23.0486 21.3569C23.7572 21.708 24.8139 22.1736 26.2188 22.7536C26.3744 22.8028 26.5261 22.8635 26.6726 22.9352C28.0436 23.477 29.3581 24.1519 30.597 24.9502C31.5755 25.5875 32.4006 26.4333 33.013 27.4269C33.6161 28.4712 33.9181 29.6618 33.8857 30.8669C33.9363 32.3425 33.513 33.7955 32.6776 35.0136C31.827 36.1668 30.6503 37.0393 29.2989 37.5186C27.6702 38.0998 25.9491 38.38 24.2199 38.3452C21.8437 38.4283 19.4788 37.9814 17.2972 37.0369C16.7395 36.7888 16.2505 36.409 15.8723 35.9302C15.5583 35.4915 15.3955 34.9627 15.4085 34.4236C15.3929 34.1392 15.4393 33.8548 15.5444 33.5901C15.6495 33.3254 15.8109 33.0866 16.0175 32.8902C16.4504 32.5115 17.0125 32.3134 17.5875 32.3369C18.2282 32.3456 18.8576 32.5073 19.4229 32.8086C20.1259 33.1597 20.6804 33.423 21.0864 33.5986C21.5501 33.7925 22.0304 33.9442 22.5214 34.0519C23.1268 34.1846 23.7453 34.2483 24.3651 34.2419C25.4611 34.3201 26.5518 34.0297 27.4635 33.4169C27.8048 33.1501 28.0776 32.806 28.2592 32.413C28.4408 32.02 28.5261 31.5894 28.508 31.1569C28.509 30.5436 28.275 29.9532 27.854 29.5069C27.2975 28.9331 26.6461 28.4595 25.9285 28.1069C25.0798 27.6602 23.8862 27.1158 22.3478 26.4736C20.972 25.9259 19.6545 25.2419 18.4151 24.4319Z" fill="white"/>
<defs>
  <linearGradient id="paint0_linear_7092_54245" x1="12.4584" y1="0.300202" x2="17.0069" y2="29.0484" gradientUnits="userSpaceOnUse">
    <stop offset="0.012" stop-color="#00B7F0"/>
    <stop offset="0.339" stop-color="#009DE5"/>
    <stop offset="0.755" stop-color="#0082D9"/>
    <stop offset="1" stop-color="#0078D4"/>
  </linearGradient>
  <linearGradient id="paint1_linear_7092_54245" x1="22.446" y1="42.8651" x2="47.7384" y2="28.2474" gradientUnits="userSpaceOnUse">
    <stop stop-color="#0078D4"/>
    <stop offset="0.37" stop-color="#007AD5"/>
    <stop offset="0.573" stop-color="#0082D9"/>
    <stop offset="0.735" stop-color="#0090DF"/>
    <stop offset="0.875" stop-color="#00A3E7"/>
    <stop offset="1" stop-color="#00BCF2"/>
  </linearGradient>
  <linearGradient id="paint2_linear_7092_54245" x1="15.8904" y1="9.6051" x2="38.9459" y2="49.5823" gradientUnits="userSpaceOnUse">
    <stop stop-color="#00B7F0"/>
    <stop offset="1" stop-color="#007CC1"/>
  </linearGradient>
</defs>
</svg>
</button>

<button class="w-12 h-12 flex items-center justify-center bg-gray-100 cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-blue-200" >
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 54 41" fill="none">
<path
  d="M4.00654 40.1236H12.4893V19.5227L0.371094 10.4341V36.4881C0.371094 38.4997 2.00099 40.1236 4.00654 40.1236Z"
  fill="#4285F4" />
<path
  d="M41.5732 40.1236H50.056C52.0676 40.1236 53.6914 38.4937 53.6914 36.4881V10.4341L41.5732 19.5227"
  fill="#34A853" />
<path
  d="M41.5732 3.7693V19.5229L53.6914 10.4343V5.58702C53.6914 1.09118 48.5594 -1.47181 44.9663 1.22448"
  fill="#FBBC04" />
<path d="M12.4893 19.5227V3.76904L27.0311 14.6754L41.5729 3.76904V19.5227L27.0311 30.429"
  fill="#EA4335" />
<path
  d="M0.371094 5.58702V10.4343L12.4893 19.5229V3.7693L9.09617 1.22448C5.49708 -1.47181 0.371094 1.09118 0.371094 5.58702Z"
  fill="#C5221F" />
</svg>
</button>

<svg class="cursor-pointer rounded-md shadow-md shadow-transparent transition-all duration-300 hover:shadow-red-200" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 92 93" fill="none">
<rect x="0.138672" y="1" width="91.5618" height="91.5618" rx="15" fill="#FFECE8"/>
<path d="M71.2471 33.8708C70.6493 31.6234 68.8809 29.8504 66.6309 29.2428C62.5626 28.1523 46.2396 28.1523 46.2396 28.1523C46.2396 28.1523 29.925 28.1523 25.8484 29.2428C23.6067 29.8421 21.8383 31.615 21.2322 33.8708C20.1445 37.9495 20.1445 46.4647 20.1445 46.4647C20.1445 46.4647 20.1445 54.98 21.2322 59.0586C21.83 61.306 23.5984 63.079 25.8484 63.6866C29.925 64.7771 46.2396 64.7771 46.2396 64.7771C46.2396 64.7771 62.5626 64.7771 66.6309 63.6866C68.8726 63.0873 70.641 61.3144 71.2471 59.0586C72.3348 54.98 72.3348 46.4647 72.3348 46.4647C72.3348 46.4647 72.3348 37.9495 71.2471 33.8708Z" fill="#FF3000"/>
<path d="M41.0256 54.314L54.5838 46.4647L41.0256 38.6154V54.314Z" fill="white"/>
</svg>


</div>
                    

Icon With Brand Color In Background

Following social media icons in tailwind css shows the most popular brands in the form of social buttons with brand color in background. You can use talwind css utility classes to change background colors.

<div class="bg-white w-full h-auto py-8 flex items-center justify-center gap-4 flex-wrap">
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 92" fill="none">
<rect x="1.13867" width="91.5618" height="91.5618" rx="15" fill="#337FFF"/>
<path d="M57.4233 48.6403L58.7279 40.3588H50.6917V34.9759C50.6917 32.7114 51.8137 30.4987 55.4013 30.4987H59.1063V23.4465C56.9486 23.1028 54.7685 22.9168 52.5834 22.8901C45.9692 22.8901 41.651 26.8626 41.651 34.0442V40.3588H34.3193V48.6403H41.651V68.671H50.6917V48.6403H57.4233Z" fill="white"/>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 92" fill="none">
<rect x="1.13867" width="91.5618" height="91.5618" rx="15" fill="url(#paint0_linear_7092_54439)"/>
<path d="M38.3762 45.7808C38.3762 41.1786 42.1083 37.4468 46.7132 37.4468C51.3182 37.4468 55.0522 41.1786 55.0522 45.7808C55.0522 50.383 51.3182 54.1148 46.7132 54.1148C42.1083 54.1148 38.3762 50.383 38.3762 45.7808ZM33.8683 45.7808C33.8683 52.8708 39.619 58.618 46.7132 58.618C53.8075 58.618 59.5581 52.8708 59.5581 45.7808C59.5581 38.6908 53.8075 32.9436 46.7132 32.9436C39.619 32.9436 33.8683 38.6908 33.8683 45.7808ZM57.0648 32.4346C57.0646 33.0279 57.2404 33.608 57.5701 34.1015C57.8997 34.595 58.3684 34.9797 58.9168 35.2069C59.4652 35.4342 60.0688 35.4939 60.6511 35.3784C61.2334 35.2628 61.7684 34.9773 62.1884 34.5579C62.6084 34.1385 62.8945 33.6041 63.0105 33.0222C63.1266 32.4403 63.0674 31.8371 62.8404 31.2888C62.6134 30.7406 62.2289 30.2719 61.7354 29.942C61.2418 29.6122 60.6615 29.436 60.0679 29.4358H60.0667C59.2708 29.4361 58.5077 29.7522 57.9449 30.3144C57.3821 30.8767 57.0655 31.6392 57.0648 32.4346ZM36.6072 66.1302C34.1683 66.0192 32.8427 65.6132 31.9618 65.2702C30.7939 64.8158 29.9606 64.2746 29.0845 63.4002C28.2083 62.5258 27.666 61.6938 27.2133 60.5266C26.8699 59.6466 26.4637 58.3214 26.3528 55.884C26.2316 53.2488 26.2073 52.4572 26.2073 45.781C26.2073 39.1048 26.2336 38.3154 26.3528 35.678C26.4639 33.2406 26.8731 31.918 27.2133 31.0354C27.668 29.8682 28.2095 29.0354 29.0845 28.1598C29.9594 27.2842 30.7919 26.7422 31.9618 26.2898C32.8423 25.9466 34.1683 25.5406 36.6072 25.4298C39.244 25.3086 40.036 25.2844 46.7132 25.2844C53.3904 25.2844 54.1833 25.3106 56.8223 25.4298C59.2612 25.5408 60.5846 25.9498 61.4677 26.2898C62.6356 26.7422 63.4689 27.2854 64.345 28.1598C65.2211 29.0342 65.7615 29.8682 66.2161 31.0354C66.5595 31.9154 66.9658 33.2406 67.0767 35.678C67.1979 38.3154 67.2221 39.1048 67.2221 45.781C67.2221 52.4572 67.1979 53.2466 67.0767 55.884C66.9656 58.3214 66.5573 59.6462 66.2161 60.5266C65.7615 61.6938 65.2199 62.5266 64.345 63.4002C63.4701 64.2738 62.6356 64.8158 61.4677 65.2702C60.5872 65.6134 59.2612 66.0194 56.8223 66.1302C54.1855 66.2514 53.3934 66.2756 46.7132 66.2756C40.033 66.2756 39.2432 66.2514 36.6072 66.1302ZM36.4001 20.9322C33.7371 21.0534 31.9174 21.4754 30.3282 22.0934C28.6824 22.7316 27.2892 23.5878 25.897 24.977C24.5047 26.3662 23.6502 27.7608 23.0116 29.4056C22.3933 30.9948 21.971 32.8124 21.8497 35.4738C21.7265 38.1394 21.6982 38.9916 21.6982 45.7808C21.6982 52.57 21.7265 53.4222 21.8497 56.0878C21.971 58.7494 22.3933 60.5668 23.0116 62.156C23.6502 63.7998 24.5049 65.196 25.897 66.5846C27.289 67.9732 28.6824 68.8282 30.3282 69.4682C31.9204 70.0862 33.7371 70.5082 36.4001 70.6294C39.0687 70.7506 39.92 70.7808 46.7132 70.7808C53.5065 70.7808 54.3592 70.7526 57.0264 70.6294C59.6896 70.5082 61.5081 70.0862 63.0983 69.4682C64.7431 68.8282 66.1373 67.9738 67.5295 66.5846C68.9218 65.1954 69.7745 63.7998 70.4149 62.156C71.0332 60.5668 71.4575 58.7492 71.5768 56.0878C71.698 53.4202 71.7262 52.57 71.7262 45.7808C71.7262 38.9916 71.698 38.1394 71.5768 35.4738C71.4555 32.8122 71.0332 30.9938 70.4149 29.4056C69.7745 27.7618 68.9196 26.3684 67.5295 24.977C66.1395 23.5856 64.7431 22.7316 63.1003 22.0934C61.5081 21.4754 59.6894 21.0514 57.0284 20.9322C54.3612 20.811 53.5085 20.7808 46.7152 20.7808C39.922 20.7808 39.0687 20.809 36.4001 20.9322Z" fill="white"/>
<defs>
  <linearGradient id="paint0_linear_7092_54439" x1="90.9407" y1="91.5618" x2="-0.621143" y2="-2.46459e-06" gradientUnits="userSpaceOnUse">
    <stop stop-color="#FBE18A"/>
    <stop offset="0.21" stop-color="#FCBB45"/>
    <stop offset="0.38" stop-color="#F75274"/>
    <stop offset="0.52" stop-color="#D53692"/>
    <stop offset="0.74" stop-color="#8F39CE"/>
    <stop offset="1" stop-color="#5B4FE9"/>
  </linearGradient>
</defs>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 92" fill="none">
<rect x="0.138672" width="91.5618" height="91.5618" rx="15" fill="black"/>
<path d="M50.7568 42.1716L69.3704 21H64.9596L48.7974 39.383L35.8887 21H21L40.5205 48.7983L21 71H25.4111L42.4788 51.5869L56.1113 71H71L50.7557 42.1716H50.7568ZM44.7152 49.0433L42.7374 46.2752L27.0005 24.2492H33.7756L46.4755 42.0249L48.4533 44.7929L64.9617 67.8986H58.1865L44.7152 49.0443V49.0433Z" fill="white"/>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg width="48" height="48" viewBox="0 0 92 92" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.138672" width="91.5618" height="91.5618" rx="15" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.6721 39.4285C58.7387 41.6085 62.4112 42.7733 66.1737 42.7592V35.3024C65.434 35.3045 64.6963 35.2253 63.9739 35.0663V41.0068C60.203 41.0135 56.5252 39.8354 53.4599 37.6389V52.9749C53.4507 55.4914 52.7606 57.9585 51.4628 60.1146C50.165 62.2706 48.3079 64.0353 46.0885 65.2215C43.8691 66.4076 41.37 66.9711 38.8563 66.852C36.3426 66.733 33.9079 65.9359 31.8105 64.5453C33.7506 66.5082 36.2295 67.8513 38.9333 68.4044C41.6372 68.9576 44.4444 68.6959 46.9994 67.6526C49.5545 66.6093 51.7425 64.8312 53.2864 62.5436C54.8302 60.256 55.6605 57.5616 55.6721 54.8018V39.4285ZM58.3938 31.8226C56.8343 30.1323 55.8775 27.9739 55.6721 25.6832V24.7139H53.5842C53.8423 26.1699 54.4039 27.5553 55.2326 28.78C56.0612 30.0048 57.1383 31.0414 58.3938 31.8226ZM36.645 58.642C35.9213 57.6957 35.4779 56.5653 35.365 55.3793C35.2522 54.1934 35.4746 52.9996 36.0068 51.9338C36.5391 50.8681 37.3598 49.9731 38.3757 49.3508C39.3915 48.7285 40.5616 48.4039 41.7529 48.4139C42.4106 48.4137 43.0644 48.5143 43.6916 48.7121V41.0068C42.9584 40.9097 42.2189 40.8682 41.4794 40.8826V46.8728C39.9522 46.39 38.2992 46.4998 36.8492 47.1803C35.3992 47.8608 34.2585 49.0621 33.6539 50.5454C33.0494 52.0286 33.0252 53.6851 33.5864 55.1853C34.1475 56.6855 35.2527 57.9196 36.6823 58.642H36.645Z" fill="#EE1D52"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M53.4589 37.5892C56.5241 39.7857 60.2019 40.9638 63.9729 40.9571V35.0166C61.8243 34.5623 59.8726 33.4452 58.3927 31.8226C57.1372 31.0414 56.0601 30.0048 55.2315 28.78C54.4029 27.5553 53.8412 26.1699 53.5831 24.7139H48.09V54.8018C48.0849 56.1336 47.6629 57.4304 46.8831 58.51C46.1034 59.5897 45.0051 60.3981 43.7425 60.8217C42.4798 61.2453 41.1162 61.2629 39.8431 60.872C38.57 60.4811 37.4512 59.7012 36.6439 58.642C35.3645 57.9965 34.3399 56.9387 33.7354 55.6394C33.1309 54.3401 32.9818 52.875 33.3121 51.4805C33.6424 50.0861 34.4329 48.8435 35.556 47.9535C36.6791 47.0634 38.0693 46.5776 39.5023 46.5745C40.1599 46.5766 40.8134 46.6772 41.4411 46.8728V40.8826C38.7288 40.9477 36.0946 41.8033 33.8617 43.3444C31.6289 44.8855 29.8946 47.0451 28.8717 49.5579C27.8489 52.0708 27.5821 54.8276 28.1039 57.49C28.6258 60.1524 29.9137 62.6045 31.8095 64.5453C33.9073 65.9459 36.3458 66.7512 38.8651 66.8755C41.3845 66.9997 43.8904 66.4383 46.1158 65.2509C48.3413 64.0636 50.2031 62.2948 51.5027 60.133C52.8024 57.9712 53.4913 55.4973 53.4962 52.9749L53.4589 37.5892Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M63.9736 35.0161V33.4129C62.0005 33.4213 60.0655 32.8696 58.3934 31.8221C59.8695 33.4493 61.8229 34.5674 63.9736 35.0161ZM53.5838 24.7134C53.5838 24.4275 53.4968 24.1292 53.4596 23.8434V22.874H45.8785V52.9744C45.872 54.6598 45.197 56.2738 44.0017 57.4621C42.8064 58.6504 41.1885 59.3159 39.503 59.3126C38.5106 59.3176 37.5311 59.0876 36.6446 58.6415C37.4519 59.7007 38.5707 60.4805 39.8438 60.8715C41.1169 61.2624 42.4805 61.2448 43.7432 60.8212C45.0058 60.3976 46.1041 59.5892 46.8838 58.5095C47.6636 57.4298 48.0856 56.1331 48.0907 54.8013V24.7134H53.5838ZM41.4418 40.8696V39.167C38.3222 38.7432 35.1511 39.3885 32.4453 40.9977C29.7394 42.6069 27.6584 45.0851 26.5413 48.0284C25.4242 50.9718 25.337 54.2067 26.2938 57.206C27.2506 60.2053 29.195 62.792 31.8102 64.5448C29.9287 62.5995 28.6545 60.1484 28.1433 57.4908C27.6321 54.8333 27.906 52.0844 28.9315 49.5799C29.957 47.0755 31.6897 44.924 33.918 43.3882C36.1463 41.8524 38.7736 40.9988 41.4791 40.9318L41.4418 40.8696Z" fill="#69C9D0"/>
</svg>
</button> 
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 92" fill="none">
<rect x="1.13867" width="91.5618" height="91.5618" rx="15" fill="#00D95F"/>
<path d="M23.5068 66.8405L26.7915 54.6381C24.1425 49.8847 23.3009 44.3378 24.4211 39.0154C25.5413 33.693 28.5482 28.952 32.89 25.6624C37.2319 22.3729 42.6173 20.7554 48.0583 21.1068C53.4992 21.4582 58.6306 23.755 62.5108 27.5756C66.3911 31.3962 68.7599 36.4844 69.1826 41.9065C69.6053 47.3286 68.0535 52.7208 64.812 57.0938C61.5705 61.4668 56.8568 64.5271 51.5357 65.7133C46.2146 66.8994 40.6432 66.1318 35.8438 63.5513L23.5068 66.8405ZM36.4386 58.985L37.2016 59.4365C40.6779 61.4918 44.7382 62.3423 48.7498 61.8555C52.7613 61.3687 56.4987 59.5719 59.3796 56.7452C62.2605 53.9185 64.123 50.2206 64.6769 46.2279C65.2308 42.2351 64.445 38.1717 62.4419 34.6709C60.4388 31.1701 57.331 28.4285 53.6027 26.8734C49.8745 25.3184 45.7352 25.0372 41.8299 26.0736C37.9247 27.11 34.4729 29.4059 32.0124 32.6035C29.5519 35.801 28.2209 39.7206 28.2269 43.7514C28.2237 47.0937 29.1503 50.3712 30.9038 53.2192L31.3823 54.0061L29.546 60.8167L36.4386 58.985Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M54.9566 46.8847C54.5093 46.5249 53.9856 46.2716 53.4254 46.1442C52.8651 46.0168 52.2831 46.0186 51.7236 46.1495C50.8831 46.4977 50.3399 47.8134 49.7968 48.4713C49.6823 48.629 49.514 48.7396 49.3235 48.7823C49.133 48.8251 48.9335 48.797 48.7623 48.7034C45.6849 47.5012 43.1055 45.2965 41.4429 42.4475C41.3011 42.2697 41.2339 42.044 41.2557 41.8178C41.2774 41.5916 41.3862 41.3827 41.5593 41.235C42.165 40.6368 42.6098 39.8959 42.8524 39.0809C42.9063 38.1818 42.6998 37.2863 42.2576 36.5011C41.9157 35.4002 41.265 34.42 40.3825 33.6762C39.9273 33.472 39.4225 33.4036 38.9292 33.4791C38.4359 33.5546 37.975 33.7709 37.6021 34.1019C36.9548 34.6589 36.4411 35.3537 36.0987 36.135C35.7562 36.9163 35.5939 37.7643 35.6236 38.6165C35.6256 39.0951 35.6864 39.5716 35.8046 40.0354C36.1049 41.1497 36.5667 42.2144 37.1754 43.1956C37.6145 43.9473 38.0937 44.6749 38.6108 45.3755C40.2914 47.6767 42.4038 49.6305 44.831 51.1284C46.049 51.8897 47.3507 52.5086 48.7105 52.973C50.1231 53.6117 51.6827 53.8568 53.2237 53.6824C54.1018 53.5499 54.9337 53.2041 55.6462 52.6755C56.3588 52.1469 56.9302 51.4518 57.3102 50.6512C57.5334 50.1675 57.6012 49.6269 57.5042 49.1033C57.2714 48.0327 55.836 47.4007 54.9566 46.8847Z" fill="white"/>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">       
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 92" fill="none">
<rect x="1.13867" width="91.5618" height="91.5618" rx="15" fill="#FF0000"/>
<path d="M44.2808 23.0437C36.8492 23.893 29.4439 30.0479 29.1382 38.84C28.9461 44.2083 30.435 48.2356 35.4258 49.3664C37.5915 45.4553 34.7272 44.5927 34.2818 41.7633C32.4523 30.1686 47.346 22.2615 55.14 30.3563C60.5324 35.9615 56.9826 53.206 48.2848 51.4136C39.9537 49.7017 52.3629 35.9749 45.713 33.2796C40.3074 31.0894 37.4343 39.9798 39.9974 44.396C38.4953 51.9902 35.2599 59.1464 36.5698 68.6715C40.8183 65.5158 42.2504 59.4727 43.425 53.1702C45.5601 54.4978 46.6998 55.8789 49.4244 56.0935C59.4714 56.8891 65.0822 45.8263 63.7112 35.6218C62.4929 26.5749 53.6729 21.971 44.2808 23.0437Z" fill="white"/>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 93" fill="none">
<rect x="1.13867" y="1" width="91.5618" height="91.5618" rx="15" fill="#006699"/>
<path d="M37.1339 63.4304V40.9068H29.6473V63.4304H37.1346H37.1339ZM33.3922 37.8321C36.0023 37.8321 37.6273 36.1025 37.6273 33.9411C37.5785 31.7304 36.0023 30.0491 33.4418 30.0491C30.8795 30.0491 29.2061 31.7304 29.2061 33.9409C29.2061 36.1023 30.8305 37.8319 33.3431 37.8319H33.3916L33.3922 37.8321ZM41.2777 63.4304H48.7637V50.8535C48.7637 50.1813 48.8125 49.5072 49.0103 49.0271C49.5513 47.6815 50.7831 46.2887 52.8517 46.2887C55.5599 46.2887 56.644 48.354 56.644 51.3822V63.4304H64.1297V50.516C64.1297 43.598 60.4369 40.3787 55.5115 40.3787C51.4733 40.3787 49.6998 42.6357 48.7144 44.173H48.7643V40.9075H41.2781C41.3759 43.0205 41.2775 63.4312 41.2775 63.4312L41.2777 63.4304Z" fill="white"/>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 93" fill="none">
<rect x="0.138672" y="1" width="91.5618" height="91.5618" rx="15" fill="url(#paint0_radial_7092_54410)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.4114 21C32.0561 21 20.9307 31.317 20.9307 45.2508C20.9307 52.5396 23.9761 58.8375 28.9338 63.1887C29.3491 63.5559 29.6003 64.0639 29.6208 64.6122L29.7592 69.059C29.8054 70.4775 31.2973 71.398 32.62 70.8296L37.6752 68.6414C38.1058 68.4553 38.5826 68.4201 39.0338 68.5408C41.3563 69.1696 43.8326 69.5016 46.4114 69.5016C60.7668 69.5016 71.8922 59.1846 71.8922 45.2508C71.8922 31.317 60.7668 21 46.4114 21ZM61.7102 39.6572L54.2249 51.3072C53.0354 53.1584 50.4822 53.6211 48.698 52.3082L42.7457 47.9269C42.1971 47.5245 41.4486 47.5295 40.9051 47.9319L32.8661 53.9179C31.7946 54.7177 30.3898 53.4551 31.1127 52.3384L38.598 40.6884C39.7875 38.8372 42.3407 38.3745 44.1248 39.6874L50.0772 44.0687C50.6258 44.4711 51.3743 44.4661 51.9177 44.0637L59.9567 38.0777C61.0283 37.2779 62.433 38.5405 61.7102 39.6572Z" fill="white"/>
<defs>
  <radialGradient id="paint0_radial_7092_54410" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.4753 92.5593) scale(100.718 100.715)">
    <stop stop-color="#0099FF"/>
    <stop offset="0.6" stop-color="#A033FF"/>
    <stop offset="0.9" stop-color="#FF5280"/>
    <stop offset="1" stop-color="#FF7061"/>
  </radialGradient>
</defs>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 92 93" fill="none">
<rect x="0.138672" y="1" width="91.5618" height="91.5618" rx="15" fill="#34AADF"/>
<path d="M25.0881 43.5652C25.0881 43.5652 43.716 35.7194 50.1765 32.9567C52.6532 31.8518 61.0518 28.3155 61.0518 28.3155C61.0518 28.3155 64.9282 26.7685 64.6052 30.5256C64.4974 32.0728 63.6361 37.4874 62.7747 43.3442C61.4825 51.6322 60.0827 60.6935 60.0827 60.6935C60.0827 60.6935 59.8674 63.2352 58.0369 63.6772C56.2065 64.1192 53.1914 62.1302 52.6532 61.6881C52.2223 61.3566 44.5774 56.3838 41.7778 53.9527C41.0241 53.2897 40.1627 51.9637 41.8854 50.4166C45.7618 46.7699 50.3919 42.2392 53.1914 39.3661C54.4836 38.04 55.7757 34.9459 50.3919 38.703C42.7469 44.1178 35.2096 49.201 35.2096 49.201C35.2096 49.201 33.4868 50.306 30.2565 49.3115C27.0261 48.317 23.2575 46.9909 23.2575 46.9909C23.2575 46.9909 20.6734 45.3334 25.0881 43.5652Z" fill="white"/>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 93" fill="none">
<rect x="1.13867" y="1" width="91.5618" height="91.5618" rx="15" fill="#51C332"/>
<path d="M55.8615 36.5403C56.8503 36.5403 57.8161 36.6225 58.769 36.74C57.0463 29.1747 49.1004 23.4524 39.5457 23.4524C28.7309 23.4524 19.9658 30.7781 19.9658 39.8123C19.9658 45.021 22.8964 49.6421 27.4419 52.6322L24.8606 57.8086L31.8926 54.7884C33.4005 55.3254 34.9674 55.7676 36.6411 55.9734C36.4124 54.975 36.2824 53.9515 36.2824 52.901C36.2824 43.8797 45.0634 36.5403 55.8615 36.5403ZM46.0722 30.8139C47.4235 30.8139 48.5194 31.9132 48.5194 33.2682C48.5194 34.6237 47.4236 35.7222 46.0722 35.7222C44.7201 35.7222 43.6247 34.6237 43.6247 33.2682C43.6247 31.9131 44.7201 30.8139 46.0722 30.8139ZM33.0189 35.7222C31.6674 35.7222 30.5715 34.6237 30.5715 33.2682C30.5715 31.9132 31.6675 30.8139 33.0189 30.8139C34.3703 30.8139 35.4664 31.9132 35.4664 33.2682C35.4663 34.6237 34.3702 35.7222 33.0189 35.7222Z" fill="white"/>
<path d="M72.1779 52.9008C72.1779 45.6724 64.8709 39.8123 55.8615 39.8123C46.8517 39.8123 39.5457 45.6724 39.5457 52.9008C39.5457 60.1287 46.8517 65.9889 55.8615 65.9889C57.3432 65.9889 58.7525 65.7794 60.12 65.4821L68.9148 69.2608L65.8731 63.1654C69.6849 60.7698 72.1779 57.0859 72.1779 52.9008ZM50.9668 52.0827C49.6154 52.0827 48.5193 50.9838 48.5193 49.6281C48.5193 48.2731 49.6153 47.1746 50.9668 47.1746C52.3186 47.1746 53.4141 48.2736 53.4141 49.6281C53.4141 50.9839 52.3184 52.0827 50.9668 52.0827ZM60.7564 52.0827C59.4043 52.0827 58.3091 50.9838 58.3091 49.6281C58.3091 48.2731 59.4042 47.1746 60.7564 47.1746C62.1083 47.1746 63.2039 48.2736 63.2039 49.6281C63.2039 50.9839 62.1083 52.0827 60.7564 52.0827Z" fill="white"/>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 92 93" fill="none">
<rect x="0.138672" y="1" width="91.5618" height="91.5618" rx="15" fill="#754A91"/>
<path d="M35.396 64.818C35.396 64.0512 35.396 63.2844 35.396 62.5176C35.4014 62.4862 35.4003 62.4541 35.3927 62.4232C35.3851 62.3923 35.3712 62.3632 35.3518 62.3379C35.3324 62.3125 35.308 62.2913 35.28 62.2757C35.252 62.26 35.2211 62.2503 35.1892 62.2469C33.2693 61.707 31.4973 60.7451 30.0052 59.4329C28.918 58.4538 28.0128 57.2935 27.3308 56.0047C26.3695 54.143 25.7297 52.1352 25.438 50.0644C25.0766 47.4669 24.9511 44.8424 25.063 42.2227C25.0875 41.0013 25.1506 39.7938 25.2908 38.5724C25.5144 36.2515 26.1059 33.9798 27.0434 31.841C28.201 29.2112 30.3012 27.0989 32.9389 25.9111C34.7357 25.0971 36.626 24.5029 38.568 24.1415C40.4725 23.7844 42.4007 23.5652 44.3374 23.4857C46.0831 23.4246 47.8308 23.4501 49.574 23.5621C52.0688 23.6663 54.5411 24.0754 56.9346 24.78C58.7092 25.2864 60.3974 26.0524 61.9434 27.0527C63.4496 28.0763 64.6679 29.4627 65.4835 31.0811C66.4423 32.9714 67.094 34.9996 67.4148 37.0908C67.6231 38.3324 67.76 39.5847 67.8249 40.8417C67.916 42.3996 67.9055 43.9645 67.8459 45.5155C67.7863 47.0665 67.6531 48.5724 67.4603 50.0922C67.2167 52.3732 66.5084 54.5817 65.3783 56.5842C63.9074 59.1174 61.5511 61.0303 58.7537 61.9624C56.841 62.6255 54.8659 63.0974 52.8582 63.3711C51.3896 63.5724 49.9175 63.7181 48.4383 63.7771C47.3062 63.8292 46.174 63.8153 45.0419 63.7979C44.4005 63.7979 43.7626 63.7355 43.1246 63.6799C43.062 63.6683 42.9973 63.6752 42.9386 63.6999C42.88 63.7246 42.8301 63.766 42.7952 63.8187C41.5053 65.3524 40.1664 66.8444 38.8169 68.3295C38.5711 68.6004 38.2865 68.8342 37.9722 69.0234C37.7659 69.1574 37.5306 69.2415 37.2854 69.2689C37.0402 69.2963 36.7919 69.2663 36.5606 69.1811C36.3293 69.096 36.1215 68.9583 35.9538 68.779C35.7862 68.5997 35.6636 68.3839 35.5957 68.1491C35.4622 67.7317 35.3959 67.2961 35.3995 66.8583C35.396 66.1713 35.396 65.4947 35.396 64.818ZM36.9557 67.7292L37.1204 67.5765L40.0472 64.36C41.1735 63.1225 42.2986 61.8837 43.4226 60.6439C43.4778 60.5682 43.5523 60.5085 43.6386 60.4707C43.7248 60.4329 43.8196 60.4184 43.9133 60.4287C44.2953 60.4669 44.6774 60.4808 45.0629 60.4843C46.3949 60.4843 47.7268 60.4843 49.0587 60.3906C50.268 60.2969 51.4737 60.1512 52.6724 59.9638C53.9631 59.7414 55.2408 59.4506 56.5 59.0929C59.304 58.3469 61.4737 56.7507 62.8371 54.1657C63.6421 52.5764 64.147 50.8549 64.3268 49.0859C64.5399 47.4187 64.6674 45.7417 64.7089 44.0617C64.771 41.9511 64.6254 39.8396 64.2742 37.757C64.0307 36.2482 63.5925 34.7765 62.9703 33.3781C62.1782 31.6432 61.0566 30.2067 59.3286 29.2838C56.6787 27.8681 53.8116 27.2366 50.8568 26.9139C50.0191 26.8237 49.1814 26.7751 48.3402 26.7439C46.6177 26.656 44.8916 26.6652 43.1702 26.7716C41.9322 26.8626 40.7009 27.0271 39.4829 27.2643C37.6916 27.5876 35.9587 28.1723 34.3409 28.9992C33.403 29.4684 32.5521 30.0913 31.8243 30.8417C30.6447 32.1468 29.7795 33.6998 29.2936 35.3837C28.7173 37.3448 28.4026 39.3722 28.3578 41.4142C28.245 43.4562 28.2708 45.5033 28.4349 47.5419C28.537 48.7551 28.7422 49.9575 29.0483 51.1366C29.5037 52.974 30.3871 54.6804 31.628 56.1192C32.9676 57.5872 34.6991 58.6505 36.6227 59.1866C36.8646 59.2594 36.9732 59.3427 36.9732 59.6133C36.9522 60.6126 36.9732 61.6119 36.9732 62.6112L36.9557 67.7292Z" fill="white"/>
<path d="M34.5029 36.7373C34.4784 35.9774 34.8955 35.4257 35.4002 34.9295C36.0659 34.2982 36.7993 33.7409 37.5874 33.2675C37.9467 33.0481 38.374 32.9645 38.7906 33.0321C39.2073 33.0996 39.5853 33.3138 39.8551 33.6353C40.8086 34.6275 41.6621 35.7094 42.4033 36.8657C42.7704 37.3858 43.0476 37.9627 43.2235 38.5728C43.2938 38.8109 43.2984 39.0633 43.2368 39.3037C43.1751 39.5442 43.0495 39.7638 42.873 39.9399C42.4686 40.3328 42.0377 40.698 41.5831 41.0329C41.3541 41.2136 41.1838 41.457 41.0934 41.7328C41.0031 42.0085 40.9966 42.3045 41.0749 42.5839C41.3556 43.8958 41.9917 45.1072 42.9151 46.0884C44.037 47.4443 45.4826 48.5021 47.1211 49.1661C47.5238 49.3711 47.9851 49.4335 48.4285 49.3431C48.6714 49.2775 48.8872 49.1379 49.0454 48.9441C49.2908 48.6352 49.5572 48.3368 49.778 48.0072C50.0644 47.596 50.5017 47.3119 50.9967 47.2153C51.4917 47.1187 52.0052 47.2174 52.4278 47.4902C53.6159 48.1726 54.7377 48.9625 55.7787 49.8497C56.024 50.0579 56.2799 50.2591 56.5252 50.4708C56.8156 50.69 57.0252 50.9974 57.1221 51.3458C57.219 51.6943 57.1977 52.0646 57.0615 52.4C56.845 52.9639 56.5293 53.4855 56.1292 53.9406C55.6319 54.6247 54.9985 55.201 54.268 55.6338C53.9188 55.8369 53.5263 55.9561 53.1222 55.982C52.718 56.0079 52.3134 55.9398 51.9406 55.783C49.1048 54.6528 46.455 53.1103 44.0787 51.2064C41.7545 49.3123 39.7234 47.0911 38.05 44.6137C36.642 42.5629 35.5218 40.3322 34.7202 37.9829C34.6348 37.6988 34.5647 37.4104 34.5099 37.119C34.4943 36.9923 34.492 36.8644 34.5029 36.7373Z" fill="white"/>
<path d="M46.6041 33.0453C48.9768 33.0887 51.2588 33.9551 53.0523 35.4934C54.8458 37.0317 56.037 39.1444 56.4183 41.463C56.5718 42.3061 56.6539 43.1603 56.6637 44.0168C56.6637 44.2181 56.6111 44.3638 56.3938 44.3846C56.1765 44.4054 56.1204 44.2215 56.1204 44.0376C56.153 42.3051 55.7937 40.5872 55.0689 39.0099C54.4585 37.7138 53.5543 36.5746 52.4266 35.6809C51.2989 34.7872 49.9781 34.1631 48.567 33.8572C47.8209 33.6862 47.058 33.5978 46.2922 33.5935C46.2176 33.5948 46.1432 33.5855 46.0713 33.5658C46.0101 33.5487 45.958 33.5088 45.926 33.4544C45.894 33.4 45.8845 33.3355 45.8996 33.2743C45.9001 33.2453 45.9063 33.2167 45.9181 33.1901C45.9298 33.1635 45.9468 33.1395 45.968 33.1195C45.9892 33.0995 46.0142 33.0838 46.0416 33.0735C46.069 33.0631 46.0981 33.0583 46.1274 33.0592C46.2852 33.0384 46.4464 33.0453 46.6041 33.0453Z" fill="white"/>
<path d="M53.3703 42.4553C53.3585 41.4913 53.1187 40.5435 52.6701 39.6879C52.2215 38.8322 51.5766 38.0925 50.787 37.5282C49.8656 36.8874 48.7944 36.4898 47.6745 36.3727C47.4853 36.3485 47.296 36.338 47.1032 36.3172C46.9104 36.2964 46.7948 36.2166 46.8123 36.0223C46.8298 35.828 46.9525 35.7586 47.1628 35.7725C50.2683 35.9598 52.9111 37.6982 53.7243 40.9355C53.873 41.5598 53.9471 42.1991 53.9451 42.8405C53.9451 42.8994 53.9451 42.9584 53.9451 43.0139C53.9451 43.1874 53.833 43.3019 53.6612 43.2985C53.6231 43.2972 53.5857 43.2883 53.5512 43.2722C53.5167 43.2561 53.4859 43.2333 53.4607 43.205C53.4354 43.1768 53.4162 43.1437 53.4043 43.1079C53.3924 43.072 53.388 43.0342 53.3913 42.9966C53.3633 42.8335 53.3703 42.667 53.3703 42.4553Z" fill="white"/>
<path d="M47.9293 38.5898C49.6328 38.7043 50.821 39.5301 51.147 41.324C51.1865 41.5538 51.2146 41.7854 51.2311 42.018C51.2311 42.2053 51.189 42.3649 50.9822 42.3649C50.7754 42.3649 50.7053 42.2262 50.6983 42.018C50.6964 41.3303 50.4824 40.6597 50.0849 40.0957C49.6672 39.5849 49.0676 39.2521 48.4095 39.1658C48.2624 39.1385 48.1137 39.12 47.9644 39.1103C47.719 39.1103 47.5823 38.9888 47.6139 38.8015C47.6454 38.6141 47.7926 38.5794 47.9293 38.5898Z" fill="white"/>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 92 92" fill="none">
<rect x="0.138672" width="91.5618" height="91.5618" rx="15" fill="#00B7F0"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.1081 36.9185C21.2825 39.0304 21.9143 41.0712 22.951 42.9027C22.7897 44.0027 22.7082 45.1152 22.7082 46.2319C22.7082 49.2582 23.3069 52.2549 24.4702 55.0508C25.6334 57.8468 27.3385 60.3872 29.4879 62.5271C31.6373 64.6671 34.1891 66.3646 36.9975 67.5227C39.8058 68.6808 42.8158 69.2769 45.8556 69.2769C46.7797 69.2769 47.7011 69.2218 48.615 69.1125C49.0204 69.3507 49.4381 69.5697 49.8667 69.7685C50.3247 69.9811 50.7948 70.1704 51.2749 70.3352L51.2815 70.3337C52.7961 70.8519 54.3999 71.1235 56.0319 71.1235C57.9518 71.1235 59.8528 70.7471 61.6266 70.0156C63.4003 69.2841 65.0119 68.212 66.3695 66.8605C67.727 65.5089 68.8039 63.9044 69.5386 62.1385C70.2733 60.3726 70.6515 58.4799 70.6515 56.5685C70.6515 56.1608 70.6343 55.7539 70.6001 55.349C70.4306 53.2486 69.8087 51.2165 68.7847 49.3893C68.9297 48.3453 69.003 47.2904 69.003 46.2319C69.003 43.2056 68.4042 40.2089 67.241 37.4129C66.0777 34.617 64.3727 32.0765 62.2233 29.9366C60.0738 27.7967 57.5221 26.0992 54.7137 24.9411C51.9053 23.7829 48.8953 23.1869 45.8556 23.1869C45.0301 23.1869 44.2068 23.2308 43.3891 23.3181C42.9962 23.0741 42.5911 22.8484 42.1748 22.6419L42.1735 22.6421C41.7305 22.4224 41.2754 22.2247 40.81 22.0502L40.8045 22.0513C40.531 21.9491 40.2543 21.855 39.9748 21.7693C39.1664 21.5204 38.3345 21.3411 37.4879 21.2352L37.4849 21.2362C36.8858 21.1615 36.2795 21.1235 35.6693 21.1235C31.7932 21.1235 28.076 22.6565 25.3352 25.3851C22.5944 28.1138 21.0547 31.8146 21.0547 35.6735C21.0547 36.0906 21.0725 36.5062 21.1081 36.9185ZM37.0659 43.0286C37.6308 43.9944 38.4114 44.8169 39.3468 45.4319C40.5861 46.2419 41.9036 46.9259 43.2795 47.4736C44.8179 48.1158 46.0114 48.6602 46.8601 49.1069C47.5778 49.4595 48.2292 49.9331 48.7856 50.5069C49.2067 50.9532 49.4407 51.5436 49.4397 52.1569C49.4578 52.5894 49.3725 53.02 49.1908 53.413C49.0092 53.806 48.7364 54.1501 48.3952 54.4169C47.4835 55.0297 46.3928 55.3201 45.2967 55.2419C44.6769 55.2483 44.0584 55.1846 43.453 55.0519C42.962 54.9442 42.4818 54.7925 42.0181 54.5986C41.6121 54.423 41.0576 54.1597 40.3546 53.8086C39.7892 53.5073 39.1599 53.3456 38.5192 53.3369C37.9442 53.3134 37.3821 53.5115 36.9491 53.8902C36.7426 54.0866 36.5812 54.3254 36.476 54.5901C36.3709 54.8548 36.3245 55.1392 36.3401 55.4236C36.3272 55.9627 36.49 56.4915 36.8039 56.9302C37.1821 57.409 37.6711 57.7888 38.2289 58.0369C40.4105 58.9814 42.7753 59.4283 45.1516 59.3452C46.8808 59.38 48.6018 59.0998 50.2305 58.5186C51.5819 58.0393 52.7587 57.1668 53.6093 56.0136C54.4446 54.7955 54.8679 53.3425 54.8173 51.8669C54.8497 50.6618 54.5477 49.4712 53.9447 48.4269C53.3322 47.4333 52.5071 46.5875 51.5286 45.9502C50.2897 45.1519 48.9753 44.477 47.6043 43.9352C47.4577 43.8635 47.306 43.8028 47.1504 43.7536C45.7455 43.1736 44.6888 42.708 43.9803 42.3569C43.3477 42.0607 42.7748 41.6511 42.29 41.1486C41.8821 40.7208 41.6571 40.151 41.6627 39.5602C41.6431 39.1102 41.7449 38.6633 41.9574 38.266C42.1699 37.8688 42.4853 37.5358 42.8707 37.3019C43.7839 36.7581 44.8349 36.4895 45.8974 36.5286C46.7125 36.52 47.5251 36.6209 48.3134 36.8286C49.1697 37.0752 50.0077 37.3815 50.8212 37.7452C51.1512 37.8982 51.5102 37.9789 51.874 37.9819C52.1384 37.9889 52.4014 37.94 52.6455 37.8383C52.8896 37.7366 53.1095 37.5845 53.2906 37.3919C53.482 37.1829 53.6303 36.9383 53.7271 36.6721C53.8238 36.4059 53.8672 36.1232 53.8546 35.8402C53.8631 35.2956 53.6727 34.7665 53.319 34.3519C52.8388 33.848 52.2433 33.4683 51.5837 33.2452C50.8653 32.9817 50.1225 32.7902 49.3662 32.6736C48.3096 32.5004 47.24 32.4185 46.1694 32.4286C44.5329 32.4189 42.9071 32.6924 41.364 33.2369C39.9453 33.7153 38.6787 34.5607 37.6933 35.6869C36.745 36.8084 36.2437 38.2395 36.285 39.7069C36.2514 40.8631 36.5205 42.0081 37.0659 43.0286Z" fill="white"/>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg width="48" height="48" viewBox="0 0 92 92" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.638672" y="0.5" width="90.5618" height="90.5618" rx="14.5" fill="white" stroke="#C4CFE3"/>
<path d="M22.0065 66.1236H30.4893V45.5227L18.3711 36.4341V62.4881C18.3711 64.4997 20.001 66.1236 22.0065 66.1236Z" fill="#4285F4"/>
<path d="M59.5732 66.1236H68.056C70.0676 66.1236 71.6914 64.4937 71.6914 62.4881V36.4341L59.5732 45.5227" fill="#34A853"/>
<path d="M59.5732 29.7693V45.5229L71.6914 36.4343V31.587C71.6914 27.0912 66.5594 24.5282 62.9663 27.2245" fill="#FBBC04"/>
<path d="M30.4893 45.5227V29.769L45.0311 40.6754L59.5729 29.769V45.5227L45.0311 56.429" fill="#EA4335"/>
<path d="M18.3711 31.587V36.4343L30.4893 45.5229V29.7693L27.0962 27.2245C23.4971 24.5282 18.3711 27.0912 18.3711 31.587Z" fill="#C5221F"/>
</svg>
</button>
<button class="group transition-all duration-500 hover:-translate-y-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 93 93" fill="none">
<rect x="1.13867" y="1" width="91.5618" height="91.5618" rx="15" fill="#FF0000"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M67.5615 29.2428C69.8115 29.8504 71.58 31.6234 72.1778 33.8708C73.2654 37.9495 73.2654 46.4647 73.2654 46.4647C73.2654 46.4647 73.2654 54.98 72.1778 59.0586C71.5717 61.3144 69.8032 63.0873 67.5615 63.6866C63.4932 64.7771 47.1703 64.7771 47.1703 64.7771C47.1703 64.7771 30.8557 64.7771 26.7791 63.6866C24.5291 63.079 22.7606 61.306 22.1628 59.0586C21.0752 54.98 21.0752 46.4647 21.0752 46.4647C21.0752 46.4647 21.0752 37.9495 22.1628 33.8708C22.7689 31.615 24.5374 29.8421 26.7791 29.2428C30.8557 28.1523 47.1703 28.1523 47.1703 28.1523C47.1703 28.1523 63.4932 28.1523 67.5615 29.2428ZM55.5142 46.4647L41.9561 54.314V38.6154L55.5142 46.4647Z" fill="white"/>
</svg>
</button>
</div>
                    

Figma

You can also find this component in Figma. Check the Pagedone Figma Design System.

image

1000+ Tailwind Blocks

Access over 1,000 ready-made Tailwind blocks with modern designs to accelerate your design process.

Explore More