Xing
CODE
×
HTML
<a class='social-media xing' 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="M61.717,69.78q-1.024,1.878-26.595,46.853c-1.859,3.149-4.1,4.742-6.715,4.742H3.71a3.613,3.613,0,0,1-3.225-5.463L26.663,69.893q.114,0,0-.114L10.008,41.1c-1.631-2.959.114-5.349,3.225-5.349h24.7c2.769,0,5.046,1.555,6.829,4.628ZM145.143,7.6,90.512,103.582v.114l34.751,63.2c1.48,2.694.076,5.349-3.225,5.349H97.3c-2.883,0-5.16-1.518-6.829-4.628L55.42,103.7q1.878-3.3,54.934-96.818C112.1,3.805,114.3,2.25,116.993,2.25h24.925c3.035,0,4.666,2.542,3.225,5.349Z" transform="translate(184.162 167.75)" /> </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
Xing
Last Edit: Nov 3, 2023, 9:05pm
×