Github
CODE
×
HTML
<a class='social-media github' 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.878,145.8c0,.746-.858,1.343-1.94,1.343-1.231.112-2.089-.485-2.089-1.343,0-.746.858-1.343,1.94-1.343C60.908,144.348,61.878,144.945,61.878,145.8Zm-11.6-1.678c-.261.746.485,1.6,1.6,1.828a1.75,1.75,0,0,0,2.313-.746c.224-.746-.485-1.6-1.6-1.939A1.914,1.914,0,0,0,50.278,144.124Zm16.486-.634c-1.082.261-1.828.97-1.716,1.828.112.746,1.082,1.231,2.2.97,1.082-.261,1.828-.97,1.716-1.716C68.853,143.863,67.846,143.378,66.764,143.49ZM91.306.562C39.574.562,0,39.838,0,91.571c0,41.364,26.034,76.76,63.221,89.218,4.774.858,6.453-2.089,6.453-4.513,0-2.312-.112-15.069-.112-22.9,0,0-26.109,5.595-31.592-11.115,0,0-4.252-10.854-10.369-13.651,0,0-8.541-5.856.6-5.744a19.688,19.688,0,0,1,14.4,9.623c8.168,14.4,21.857,10.257,27.191,7.8.858-5.968,3.282-10.108,5.968-12.57C54.9,125.4,33.867,122.379,33.867,86.5c0-10.257,2.835-15.4,8.8-21.969-.97-2.424-4.14-12.42.97-25.326,7.8-2.424,25.736,10.071,25.736,10.071a88.114,88.114,0,0,1,46.847,0S134.162,36.742,141.958,39.2c5.11,12.943,1.939,22.9.97,25.326,5.968,6.6,9.623,11.749,9.623,21.969,0,35.993-21.969,38.865-42.819,41.215,3.431,2.947,6.341,8.541,6.341,17.306,0,12.57-.112,28.123-.112,31.181,0,2.424,1.716,5.371,6.453,4.513C159.712,168.331,185,132.934,185,91.571,185,39.838,143.039.562,91.306.562ZM36.254,129.2c-.485.373-.373,1.231.261,1.939.6.6,1.455.858,1.94.373.485-.373.373-1.231-.261-1.939C37.6,128.981,36.739,128.72,36.254,129.2Zm-4.028-3.021c-.261.485.112,1.082.858,1.455a1.11,1.11,0,0,0,1.6-.261c.261-.485-.112-1.082-.858-1.455C33.084,125.7,32.487,125.81,32.226,126.183ZM44.31,139.462c-.6.485-.373,1.6.485,2.313.858.858,1.94.97,2.424.373.485-.485.261-1.6-.485-2.312C45.914,138.977,44.8,138.865,44.31,139.462Zm-4.252-5.483c-.6.373-.6,1.343,0,2.2s1.6,1.231,2.089.858a1.7,1.7,0,0,0,0-2.313C41.625,133.867,40.655,133.494,40.058,133.979Z" transform="translate(167 163.561)" /> </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
Github
Last Edit: Nov 3, 2023, 9:07pm
×