X (Twitter)
CODE
×
HTML
<a class='social-media x' 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="M109.271,69.866,169.375,0H155.132L102.944,60.664,61.261,0H13.185L76.217,91.735,13.185,165H27.429l55.112-64.063L126.561,165h48.076l-65.37-95.134ZM89.762,92.543l-6.387-9.135L32.561,10.722H54.438l41.008,58.66,6.387,9.135,53.306,76.249H133.262l-43.5-62.219Z" transform="translate(164.085 173)" /> </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
X (Twitter)
Last Edit: Nov 3, 2023, 9:04pm
×