Pinterest
CODE
×
HTML
<a class='social-media pinterest' 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="M4.2,64.715a56.832,56.832,0,0,1,4.769-22.5,71.276,71.276,0,0,1,13.677-20.7q8.908-9.532,23.4-15.477A83.944,83.944,0,0,1,78.164.108q28.614,0,46.971,17.637t18.356,41.572q0,30.774-15.567,50.84T87.7,130.222a31.964,31.964,0,0,1-15.2-3.779q-7.12-3.788-9.988-9.184l-7.2,28.44a54.86,54.86,0,0,1-2.34,6.923q-1.434,3.509-3.149,6.749t-3.419,6.119q-1.712,2.885-3.419,5.4t-2.969,4.229c-.838,1.136-1.62,2.131-2.34,2.969l-1.085,1.445a1.337,1.337,0,0,1-1.44.54A1.277,1.277,0,0,1,34.073,179c0-.118-.09-.962-.27-2.52s-.36-3.211-.54-4.949-.36-3.987-.54-6.749-.236-5.433-.18-8.008.236-5.433.54-8.554a67.883,67.883,0,0,1,1.35-8.633q1.982-8.461,13.317-56.334a29.879,29.879,0,0,1-2.34-6.929,31.592,31.592,0,0,1-.9-6.569l-.174-2.7q0-11.515,5.849-19.166T64.312,40.24q6.664,0,10.348,4.409a16.637,16.637,0,0,1,3.689,11.068,42.686,42.686,0,0,1-1.524,10.168Q75.3,71.917,72.771,79.742t-3.6,12.687q-1.8,8.107,3.149,14.037a16.363,16.363,0,0,0,13.233,5.944q14.223,0,23.491-16.107t9.263-38.962q0-17.454-11.343-28.524T75.3,17.75q-22.676,0-36.8,14.577A48.387,48.387,0,0,0,24.366,67.24q0,12.055,6.839,20.336a5.854,5.854,0,0,1,1.44,5.759,34.281,34.281,0,0,0-1.08,4.139,34.281,34.281,0,0,1-1.08,4.139,3.2,3.2,0,0,1-1.8,2.6,4.051,4.051,0,0,1-3.239-.09A30.071,30.071,0,0,1,9.507,89.28Q4.193,78.752,4.2,64.715Z" transform="translate(183.542 164.392)" /> </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
Pinterest
Last Edit: Nov 3, 2023, 9:10pm
×