YouTube
CODE
×
HTML
<a class='social-media youtube' href='#' title='YouTube' rel='noopener noreferrer' target='_blank'><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="M187.08,25.4A23.874,23.874,0,0,0,170.282,8.5c-14.817-4-74.232-4-74.232-4s-59.414,0-74.232,4A23.874,23.874,0,0,0,5.02,25.4C1.05,40.316,1.05,71.432,1.05,71.432s0,31.115,3.97,46.029a23.518,23.518,0,0,0,16.8,16.637c14.817,4,74.232,4,74.232,4s59.414,0,74.232-4a23.518,23.518,0,0,0,16.8-16.637c3.97-14.913,3.97-46.029,3.97-46.029s0-31.115-3.97-46.029ZM76.618,99.682v-56.5l49.659,28.251L76.618,99.682Z" transform="translate(160.95 187.734)" /> </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
YouTube
Last Edit: Nov 3, 2023, 9:15pm
×