WhatsApp
CODE
×
HTML
<a class='social-media whatsapp' href='#'><svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewBox="0 0 512 512"> <style> .st0 {fill:#000} .st1 {fill:#fff} </style> <circle class="st0" cx="255" cy="255" r="255" transform="translate(2)" /> <path class="st1" d="M134.88,110.861c-2.32-1.156-13.621-6.683-15.725-7.446-2.1-.779-3.646-1.156-5.188,1.156-1.519,2.274-5.943,7.431-7.277,8.957-1.349,1.5-2.69,1.619-4.98.578-2.312-1.156-9.736-3.584-18.523-11.447A69.934,69.934,0,0,1,70.393,86.7c-1.341-2.313-.146-3.584,1-4.741,1.048-1.041,2.32-2.659,3.476-4.031a19.541,19.541,0,0,0,2.289-3.823,4.237,4.237,0,0,0-.193-4.039c-.578-1.156-5.18-12.487-7.107-17-1.85-4.5-3.754-3.931-5.18-3.931-1.326-.116-2.86-.116-4.4-.116a8.69,8.69,0,0,0-6.144,2.767c-2.1,2.313-8.055,7.862-8.055,19.078s8.248,22.084,9.4,23.7c1.149,1.5,16.226,24.628,39.313,34.572,5.5,2.313,9.79,3.7,13.135,4.849a31.891,31.891,0,0,0,14.492.933c4.425-.7,13.621-5.558,15.54-10.992,1.966-5.434,1.966-9.944,1.387-10.984s-2.081-1.619-4.394-2.659M92.97,167.656h-.123a77.111,77.111,0,0,1-38.966-10.637l-2.775-1.65L22.2,162.885l7.747-28.1L28.1,131.9A76.07,76.07,0,0,1,16.419,91.351c0-41.972,34.341-76.2,76.636-76.2A76.573,76.573,0,0,1,169.6,91.467c-.031,41.964-34.379,76.2-76.582,76.2M158.175,26.586A93.6,93.6,0,0,0,92.847,0C42.111,0,.8,41.116.779,91.675A91.235,91.235,0,0,0,13.073,137.5L0,185l48.832-12.734A92.98,92.98,0,0,0,92.847,183.42h.046c50.759,0,92.084-41.132,92.107-91.7a90.914,90.914,0,0,0-26.941-64.835" transform="translate(166 161)" /> </svg></a>
CSS
a { color: var(--fc4); } a:hover, a:focus { color: var(--fsc1); } a { text-decoration-color: var(--fsc1); } a:hover { text-decoration-color: var(--fsc1); }
JS
WhatsApp
Last Edit: Nov 3, 2023, 9:03pm
×