Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 | 3x | import React from 'react';
function KakaoTalkIcon({ className, onClick }: { className?: string; onClick?: () => void }) {
return (
<svg
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<g clipPath="url(#clip0_2223_3290)">
<path
d="M48 24C48 28.7468 46.5924 33.3869 43.9553 37.3337C41.3181 41.2805 37.5699 44.3566 33.1844 46.1731C28.799 47.9896 23.9734 48.4649 19.3179 47.5389C14.6623 46.6128 10.3859 44.327 7.02947 40.9706C3.67301 37.6141 1.38721 33.3377 0.461166 28.6822C-0.46488 24.0266 0.0103948 19.201 1.8269 14.8156C3.6434 10.4302 6.71954 6.68189 10.6663 4.04473C14.6131 1.40758 19.2533 0 24 0C30.3652 0 36.4697 2.52857 40.9706 7.02944C45.4714 11.5303 48 17.6348 48 24Z"
fill="#FAE100"
/>
<path
d="M24.0288 10.5615C15.3667 10.5615 8.34619 16.1122 8.34619 22.9589C8.34619 27.4162 11.3222 31.3225 15.7862 33.5074C15.3266 35.2136 14.8732 36.9215 14.4259 38.6309C14.2137 39.4834 14.7388 39.4719 15.0825 39.2425C15.3513 39.063 19.3795 36.3241 21.1171 35.1423C22.0807 35.2853 23.0536 35.3568 24.0278 35.3564C32.6889 35.3564 39.7103 29.8057 39.7103 22.958C39.7103 16.1103 32.6889 10.5605 24.0278 10.5605"
fill="#381E1F"
/>
<path
d="M13.0281 19.0098C12.0681 19.0098 12.0681 20.6898 13.0281 20.6898H14.6601C14.6601 20.6898 14.6697 25.2363 14.6601 26.2827C14.6601 27.045 16.3603 27.0853 16.3584 26.323L16.3651 20.851C16.9024 20.7589 17.4473 20.719 17.9923 20.732C19.008 20.732 19.0099 19.0107 17.9923 19.0107L13.0281 19.0098Z"
fill="#FAE100"
/>
<mask id="mask0_2223_3290" maskUnits="userSpaceOnUse" x="12" y="19" width="7" height="8">
<path
d="M13.0281 19.0098C12.0681 19.0098 12.0681 20.6898 13.0281 20.6898H14.6601C14.6601 20.6898 14.6697 25.2363 14.6601 26.2827C14.6601 27.045 16.3603 27.0853 16.3584 26.323L16.3651 20.851C16.9024 20.7589 17.4473 20.719 17.9923 20.732C19.008 20.732 19.0099 19.0107 17.9923 19.0107L13.0281 19.0098Z"
fill="white"
/>
</mask>
<g mask="url(#mask0_2223_3290)">
<path d="M12.0691 19.0098H19.0147V27.0843H12.0691V19.0098Z" fill="#FAE100" />
</g>
<path
d="M21.0567 21.1042L21.9658 23.9525H20.0698L21.0567 21.1042ZM20.0381 19.7689C19.6349 20.655 18.1825 24.8367 17.7005 25.9474C17.3521 26.75 18.8526 27.4028 19.2049 26.6012L19.5303 25.4569H22.5217C22.5217 25.4569 22.419 25.5039 22.8164 26.5513C23.138 27.3999 24.6903 26.8114 24.3687 25.9628C23.9098 24.7513 22.321 20.3871 22.0321 19.7689C21.9081 19.6035 21.7447 19.4718 21.5567 19.3859C21.3686 19.3 21.1621 19.2627 20.9559 19.2773C20.7717 19.2605 20.5867 19.2982 20.4237 19.3855C20.2608 19.4729 20.127 19.6062 20.0391 19.7689"
fill="#FAE100"
/>
<mask id="mask1_2223_3290" maskUnits="userSpaceOnUse" x="17" y="19" width="8" height="8">
<path
d="M21.0567 21.1042L21.9658 23.9525H20.0698L21.0567 21.1042ZM20.0381 19.7689C19.6349 20.655 18.1825 24.8367 17.7005 25.9474C17.3521 26.75 18.8526 27.4028 19.2049 26.6012L19.5303 25.4569H22.5217C22.5217 25.4569 22.419 25.5039 22.8164 26.5513C23.138 27.3999 24.6903 26.8114 24.3687 25.9628C23.9098 24.7513 22.321 20.3871 22.0321 19.7689C21.9081 19.6035 21.7447 19.4718 21.5567 19.3859C21.3686 19.3 21.1621 19.2627 20.9559 19.2773C20.7717 19.2605 20.5867 19.2982 20.4237 19.3855C20.2608 19.4729 20.127 19.6062 20.0391 19.7689"
fill="white"
/>
</mask>
<g mask="url(#mask1_2223_3290)">
<path d="M17.353 19.2773H24.6913V27.4018H17.353V19.2773Z" fill="#FAE100" />
</g>
<path
d="M25.0071 20.0229C25.0071 21.4446 25.0148 26.0248 25.0148 26.0248C25.0148 26.0248 24.8842 26.9358 25.6647 26.9358C26.4452 26.9358 28.177 26.9282 28.946 26.9282C29.715 26.9282 29.714 25.2962 28.946 25.2962C28.178 25.2962 26.7764 25.2885 26.7764 25.2885C26.7764 25.2885 26.7831 21.051 26.7764 20.0219C26.7418 19.8123 26.6338 19.6218 26.4718 19.4844C26.3098 19.3469 26.1042 19.2715 25.8917 19.2715C25.6793 19.2715 25.4737 19.3469 25.3117 19.4844C25.1497 19.6218 25.0417 19.8133 25.0071 20.0229Z"
fill="#FAE100"
/>
<mask id="mask2_2223_3290" maskUnits="userSpaceOnUse" x="25" y="19" width="5" height="8">
<path
d="M25.0071 20.0229C25.0071 21.4446 25.0148 26.0248 25.0148 26.0248C25.0148 26.0248 24.8842 26.9358 25.6647 26.9358C26.4452 26.9358 28.177 26.9282 28.946 26.9282C29.715 26.9282 29.714 25.2962 28.946 25.2962C28.178 25.2962 26.7764 25.2885 26.7764 25.2885C26.7764 25.2885 26.7831 21.051 26.7764 20.0219C26.7418 19.8123 26.6338 19.6218 26.4718 19.4844C26.3098 19.3469 26.1042 19.2715 25.8917 19.2715C25.6793 19.2715 25.4737 19.3469 25.3117 19.4844C25.1497 19.6218 25.0417 19.8133 25.0071 20.0229Z"
fill="white"
/>
</mask>
<g mask="url(#mask2_2223_3290)">
<path d="M24.8862 19.2725H29.715V26.9361H24.8862V19.2725Z" fill="#FAE100" />
</g>
<path
d="M29.9884 19.7937C30.0047 20.4168 29.9683 26.0529 29.9683 26.4715C29.9683 27.1291 31.6464 27.1272 31.6464 26.4715V24.2548L32.1398 23.8593L34.295 26.7988C34.7289 27.3748 36.0988 26.3361 35.664 25.7611L33.3763 22.7486C33.3763 22.7486 34.9295 21.0686 35.542 20.46C35.8991 20.1048 34.7932 18.9912 34.4361 19.3464C34.079 19.7016 31.6531 22.1256 31.6531 22.1256C31.6531 22.1256 31.6751 20.5972 31.6531 19.7515C31.6444 19.4308 31.2518 19.2715 30.8476 19.2715C30.4166 19.2715 29.975 19.45 29.9836 19.7928"
fill="#FAE100"
/>
<mask id="mask3_2223_3290" maskUnits="userSpaceOnUse" x="29" y="19" width="7" height="8">
<path
d="M29.9884 19.7937C30.0047 20.4168 29.9683 26.0529 29.9683 26.4715C29.9683 27.1291 31.6464 27.1272 31.6464 26.4715V24.2548L32.1398 23.8593L34.295 26.7988C34.7289 27.3748 36.0988 26.3361 35.664 25.7611L33.3763 22.7486C33.3763 22.7486 34.9295 21.0686 35.542 20.46C35.8991 20.1048 34.7932 18.9912 34.4361 19.3464C34.079 19.7016 31.6531 22.1256 31.6531 22.1256C31.6531 22.1256 31.6751 20.5972 31.6531 19.7515C31.6444 19.4308 31.2518 19.2715 30.8476 19.2715C30.4166 19.2715 29.975 19.45 29.9836 19.7928"
fill="white"
/>
</mask>
<g mask="url(#mask3_2223_3290)">
<path d="M29.9683 18.9922H36.0988V27.3739H29.9683V18.9922Z" fill="#FAE100" />
</g>
</g>
<defs>
<clipPath id="clip0_2223_3290">
<rect width="48" height="48" fill="white" />
</clipPath>
</defs>
</svg>
);
}
export default KakaoTalkIcon;
|