Slack
CODE
×
HTML
<a class='social-media slack' 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="M35.715,109.676A17.858,17.858,0,1,1,17.858,91.819H35.715Zm9,0a17.858,17.858,0,1,1,35.715,0v44.716a17.858,17.858,0,1,1-35.715,0ZM62.574,37.965A17.858,17.858,0,1,1,80.431,20.108V37.965H62.574Zm0,9a17.858,17.858,0,0,1,0,35.715H17.858a17.858,17.858,0,0,1,0-35.715H62.574Zm71.711,17.858a17.858,17.858,0,1,1,17.858,17.858H134.285Zm-9,0a17.858,17.858,0,0,1-35.715,0V20.108a17.858,17.858,0,0,1,35.715,0Zm-17.858,71.711a17.858,17.858,0,1,1-17.858,17.858V136.535Zm0-9a17.858,17.858,0,0,1,0-35.715h44.716a17.858,17.858,0,0,1,0,35.715Z" transform="translate(171 166.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
Slack
Last Edit: Nov 3, 2023, 9:11pm
×