Media
Logo
CODE
×
HTML
<svg class='logo' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' version='1.1' viewBox='0 0 103.7 17.2' width='0' height='0'><path d="M0 17.2V0h4.7v13.1h5.8v4H0zM13.2 17.2 19.1 0H25l5.9 17.2h-4.7l-.9-3.1h-6.6l-.9 3.1h-4.6zm6.5-6.5h4.7L22.7 5c0-.1-.1-.4-.2-.8-.1-.5-.3-1-.4-1.5l-.3 1.2c-.1.4-.2.8-.3 1.1l-1.8 5.7zM34.9 17.2V0h4.5l6.5 8.8c.2.2.4.6.6 1.1.3.6.6 1.3.9 1.9-.1-.9-.2-1.5-.2-1.9 0-.6-.1-1.1-.1-1.5V0h4.5v17.2h-4.5l-6.5-8.9c-.1-.1-.3-.5-.6-1.1-.3-.5-.6-1.1-.9-1.9.1.6.2 1.2.2 1.9v10h-4.4zM60.2 17.2V4.1h-3.8V0h12.4v4.1H65v13.1h-4.8zM71.4 17.2 77.3 0h5.9l5.9 17.2h-4.7l-.9-3.1H77l-.9 3.1h-4.7zm6.6-6.5h4.7L81 5c0-.1-.1-.4-.2-.8-.1-.5-.3-1-.4-1.5-.2.5-.3.9-.4 1.3-.1.4-.2.8-.3 1.1L78 10.7zM93.2 17.2V0h4.7v13.1h5.8v4H93.2z" /></svg>
CSS
svg.logo { margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; width: 188px; height: auto; } svg.logo { --ind-p: 9px; margin-left: clamp(calc(var(--header-vp-min) + var(--ind-p)), calc(var(--header-vp-ideal) + var(--ind-p)), calc(var(--header-vp-max) + var(--ind-p))); } svg.logo > path { fill: #000; } header.v2 svg.logo > path { fill: #fff; } @media screen and (max-width: 991px), screen and (max-height: 771px) { svg.logo { width: 164px } } @media screen and (max-width: 575px), screen and (max-height: 389px) { svg.logo { width: 136px; margin-top: 3px; } }
JS
Logo
Last Edit: Nov 4, 2023, 2:34pm
×
LinkedIn
CODE
×
HTML
<a class='social-media linkedin' href='#' title='Linkedin' 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="M36.934,165H2.726V54.839H36.934ZM19.811,39.812a19.906,19.906,0,1,1,19.811-20A19.979,19.979,0,0,1,19.811,39.812ZM164.967,165H130.832V111.375c0-12.78-.258-29.17-17.786-29.17-17.786,0-20.511,13.885-20.511,28.25V165H58.363V54.839H91.172V69.866h.479c4.567-8.655,15.723-17.789,32.367-17.789,34.621,0,40.986,22.8,40.986,52.411V165Z" transform="translate(179.5 156.999)" /> </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
LinkedIn
Last Edit: Nov 3, 2023, 9:13pm
×
TikTok
CODE
×
HTML
<a class='social-media tiktok' 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="M155.105,45.339A44.329,44.329,0,0,1,120.238,6.079V2H88.376V128.448a26.784,26.784,0,0,1-48.1,16.12l-.019-.009.018.009a26.775,26.775,0,0,1,29.439-41.712V70.487a58.528,58.528,0,1,0,50.526,57.971V63.846A75.673,75.673,0,0,0,164.382,77.96V46.3A44.68,44.68,0,0,1,155.105,45.339Z" transform="translate(174.408 156)" /> </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
TikTok
Last Edit: Nov 3, 2023, 9:02pm
×
Vimeo
CODE
×
HTML
<a class='social-media vimeo' 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="M169.921,38.463q-1.138,24.816-34.682,67.961Q100.575,151.5,76.574,151.5q-14.856,0-25.158-27.435C38.06,75.042,32.368,46.317,21.325,46.317c-1.29,0-5.73,2.694-13.357,8.007L0,44C19.58,26.813,38.287,7.689,50.012,6.626Q69.877,4.691,74.449,33.757c10.89,68.871,15.71,79.269,35.517,48.077q10.644-16.848,11.46-25.651c1.821-17.417-13.585-16.241-24.02-11.763Q109.929,3.382,145.294,4.539c17.379.455,25.613,11.8,24.627,33.923Z" transform="translate(169 180.994)" /> </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
Vimeo
Last Edit: Nov 3, 2023, 9:03pm
×
WhatsApp
CODE
×
HTML
<a class='social-media whatsapp' 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="M134.88,110.861c-2.32-1.156-13.621-6.683-15.725-7.446-2.1-.779-3.646-1.156-5.188,1.156-1.519,2.274-5.943,7.431-7.277,8.957-1.349,1.5-2.69,1.619-4.98.578-2.312-1.156-9.736-3.584-18.523-11.447A69.934,69.934,0,0,1,70.393,86.7c-1.341-2.313-.146-3.584,1-4.741,1.048-1.041,2.32-2.659,3.476-4.031a19.541,19.541,0,0,0,2.289-3.823,4.237,4.237,0,0,0-.193-4.039c-.578-1.156-5.18-12.487-7.107-17-1.85-4.5-3.754-3.931-5.18-3.931-1.326-.116-2.86-.116-4.4-.116a8.69,8.69,0,0,0-6.144,2.767c-2.1,2.313-8.055,7.862-8.055,19.078s8.248,22.084,9.4,23.7c1.149,1.5,16.226,24.628,39.313,34.572,5.5,2.313,9.79,3.7,13.135,4.849a31.891,31.891,0,0,0,14.492.933c4.425-.7,13.621-5.558,15.54-10.992,1.966-5.434,1.966-9.944,1.387-10.984s-2.081-1.619-4.394-2.659M92.97,167.656h-.123a77.111,77.111,0,0,1-38.966-10.637l-2.775-1.65L22.2,162.885l7.747-28.1L28.1,131.9A76.07,76.07,0,0,1,16.419,91.351c0-41.972,34.341-76.2,76.636-76.2A76.573,76.573,0,0,1,169.6,91.467c-.031,41.964-34.379,76.2-76.582,76.2M158.175,26.586A93.6,93.6,0,0,0,92.847,0C42.111,0,.8,41.116.779,91.675A91.235,91.235,0,0,0,13.073,137.5L0,185l48.832-12.734A92.98,92.98,0,0,0,92.847,183.42h.046c50.759,0,92.084-41.132,92.107-91.7a90.914,90.914,0,0,0-26.941-64.835" transform="translate(166 161)" /> </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
WhatsApp
Last Edit: Nov 3, 2023, 9:03pm
×
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
×
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
×
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
×
Facebook
CODE
×
HTML
<a class='social-media facebook' 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="M91.7,101.25l5-32.576H65.439V47.535c0-8.912,4.366-17.6,18.366-17.6h14.21V2.2A173.29,173.29,0,0,0,72.79,0C47.049,0,30.223,15.6,30.223,43.847V68.674H1.609V101.25H30.223V180H65.439V101.25Z" transform="translate(206.037 165)" /> </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
Facebook
Last Edit: Nov 3, 2023, 9:06pm
×
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
×
Instagram
CODE
×
HTML
<a class='social-media instagram' href='#' title='Instagram' 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="M90,0C65.55,0,62.5.112,52.9.54,43.313.99,36.787,2.5,31.05,4.725A44.074,44.074,0,0,0,15.1,15.1,43.913,43.913,0,0,0,4.725,31.05C2.5,36.787.982,43.312.54,52.9S0,65.55,0,90s.112,27.5.54,37.1c.45,9.578,1.957,16.11,4.185,21.848A44.137,44.137,0,0,0,15.1,164.895a44.011,44.011,0,0,0,15.945,10.38c5.745,2.22,12.27,3.742,21.847,4.185,9.6.45,12.652.54,37.1.54s27.5-.113,37.1-.54c9.578-.45,16.11-1.965,21.848-4.185a46,46,0,0,0,26.325-26.325c2.22-5.738,3.742-12.27,4.185-21.848.45-9.6.54-12.653.54-37.1s-.113-27.5-.54-37.1c-.45-9.578-1.965-16.118-4.185-21.848A44.172,44.172,0,0,0,164.895,15.1,43.851,43.851,0,0,0,148.95,4.725C143.212,2.5,136.68.982,127.1.54,117.5.09,114.45,0,90,0Zm0,16.2c24.022,0,26.888.12,36.375.532,8.775.413,13.537,1.868,16.7,3.112a29.617,29.617,0,0,1,17.085,17.077c1.23,3.165,2.7,7.927,3.1,16.7.427,9.495.525,12.345.525,36.375s-.112,26.888-.555,36.375c-.457,8.775-1.92,13.537-3.158,16.7a28.576,28.576,0,0,1-6.742,10.365,28.078,28.078,0,0,1-10.35,6.72c-3.15,1.23-7.988,2.7-16.763,3.1-9.555.427-12.368.525-36.442.525s-26.9-.112-36.443-.555c-8.782-.457-13.62-1.92-16.77-3.158A27.871,27.871,0,0,1,26.22,153.33a27.328,27.328,0,0,1-6.75-10.35c-1.237-3.15-2.692-7.988-3.15-16.763-.337-9.45-.458-12.368-.458-36.33s.12-26.895.458-36.457c.458-8.775,1.912-13.6,3.15-16.755a26.679,26.679,0,0,1,6.75-10.357,26.62,26.62,0,0,1,10.342-6.735c3.15-1.245,7.882-2.708,16.658-3.157,9.562-.338,12.375-.45,36.442-.45L90,16.2Zm0,27.585A46.215,46.215,0,1,0,136.215,90,46.212,46.212,0,0,0,90,43.785ZM90,120a30,30,0,1,1,30-30A29.992,29.992,0,0,1,90,120Zm58.845-78.037a10.8,10.8,0,1,1-10.8-10.792A10.808,10.808,0,0,1,148.845,41.962Z" transform="translate(170 168)" /> </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
Instagram
Last Edit: Nov 3, 2023, 9:14pm
×
Kununu
CODE
×
HTML
<a class='social-media kununu' 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="M193.626,36.685l-6.046,5.9-.4.387a2.288,2.288,0,0,1-3.154,0l-.825-.81a2.179,2.179,0,0,1-.062-3.1L189.6,32.75a2.685,2.685,0,0,0,0-3.847l-1.063-1.047a2.882,2.882,0,0,0-3.972-.012l-6.454,6.293a2.284,2.284,0,0,1-3.168-.035l-.815-.795a2.118,2.118,0,0,1-.035-3.053l6.461-6.332a8.67,8.67,0,0,1,12.044-.035l1.055,1.034a8.174,8.174,0,0,1-.028,11.764Zm-.022,27.7-1.049,1.024a8.638,8.638,0,0,1-12.043-.036l-6.045-5.9-.4-.385a2.144,2.144,0,0,1,0-3.085l.815-.8a2.308,2.308,0,0,1,3.182-.06l6.462,6.308a2.843,2.843,0,0,0,3.949,0l1.063-1.034a2.709,2.709,0,0,0,.02-3.886l-6.456-6.308a2.154,2.154,0,0,1,.044-3.09l.816-.794a2.244,2.244,0,0,1,3.125-.036l6.468,6.321a8.164,8.164,0,0,1,.042,11.759ZM170.657,33.258l-.815.794a2.32,2.32,0,0,1-3.19.064L160.211,27.8a2.869,2.869,0,0,0-3.964,0l-1.063,1.038a2.731,2.731,0,0,0-.02,3.886l6.456,6.293a2.153,2.153,0,0,1-.045,3.09l-.808.806a2.231,2.231,0,0,1-3.125.024l-6.476-6.305a8.162,8.162,0,0,1-.035-11.763l1.063-1.037a8.637,8.637,0,0,1,12.029.05l6.038,5.9.4.387a2.16,2.16,0,0,1,0,3.088Zm0,25.834-6.468,6.319a8.644,8.644,0,0,1-12.043.039l-1.063-1.039a8.158,8.158,0,0,1,.05-11.748l6.032-5.9.4-.387a2.274,2.274,0,0,1,3.161,0l.818.8a2.186,2.186,0,0,1,.07,3.113l-6.455,6.3a2.672,2.672,0,0,0,0,3.857l1.063,1.04a2.864,2.864,0,0,0,3.962.023l6.455-6.308a2.3,2.3,0,0,1,3.175.036l.809.808a2.1,2.1,0,0,1,.035,3.052ZM140.415,160.266l-.428,26.857a4.35,4.35,0,0,1-4.4,4.3H109.216a4.362,4.362,0,0,1-4.392-4.3V160.266h-.1v-8.675A17.189,17.189,0,0,0,87.358,134.64H78.041A17.174,17.174,0,0,0,60.68,151.591H60.5v35.532a4.358,4.358,0,0,1-4.4,4.3H29.712a4.356,4.356,0,0,1-4.392-4.3V27.281a4.355,4.355,0,0,1,4.392-4.294h26.38a4.358,4.358,0,0,1,4.4,4.294V102.72A54.16,54.16,0,0,1,78.041,99.8h8.925v-.1a17.174,17.174,0,0,0,17.373-16.933l.556-8.692a4.362,4.362,0,0,1,4.322-3.567h26.367a4.366,4.366,0,0,1,4.334,3.567h.116v8.692a50.869,50.869,0,0,1-13.258,34.19,51,51,0,0,1,13.64,34.642Z" transform="translate(173.68 142.577)" /> </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
Kununu
Last Edit: Nov 3, 2023, 9:09pm
×
Pinterest
CODE
×
HTML
<a class='social-media pinterest' 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="M4.2,64.715a56.832,56.832,0,0,1,4.769-22.5,71.276,71.276,0,0,1,13.677-20.7q8.908-9.532,23.4-15.477A83.944,83.944,0,0,1,78.164.108q28.614,0,46.971,17.637t18.356,41.572q0,30.774-15.567,50.84T87.7,130.222a31.964,31.964,0,0,1-15.2-3.779q-7.12-3.788-9.988-9.184l-7.2,28.44a54.86,54.86,0,0,1-2.34,6.923q-1.434,3.509-3.149,6.749t-3.419,6.119q-1.712,2.885-3.419,5.4t-2.969,4.229c-.838,1.136-1.62,2.131-2.34,2.969l-1.085,1.445a1.337,1.337,0,0,1-1.44.54A1.277,1.277,0,0,1,34.073,179c0-.118-.09-.962-.27-2.52s-.36-3.211-.54-4.949-.36-3.987-.54-6.749-.236-5.433-.18-8.008.236-5.433.54-8.554a67.883,67.883,0,0,1,1.35-8.633q1.982-8.461,13.317-56.334a29.879,29.879,0,0,1-2.34-6.929,31.592,31.592,0,0,1-.9-6.569l-.174-2.7q0-11.515,5.849-19.166T64.312,40.24q6.664,0,10.348,4.409a16.637,16.637,0,0,1,3.689,11.068,42.686,42.686,0,0,1-1.524,10.168Q75.3,71.917,72.771,79.742t-3.6,12.687q-1.8,8.107,3.149,14.037a16.363,16.363,0,0,0,13.233,5.944q14.223,0,23.491-16.107t9.263-38.962q0-17.454-11.343-28.524T75.3,17.75q-22.676,0-36.8,14.577A48.387,48.387,0,0,0,24.366,67.24q0,12.055,6.839,20.336a5.854,5.854,0,0,1,1.44,5.759,34.281,34.281,0,0,0-1.08,4.139,34.281,34.281,0,0,1-1.08,4.139,3.2,3.2,0,0,1-1.8,2.6,4.051,4.051,0,0,1-3.239-.09A30.071,30.071,0,0,1,9.507,89.28Q4.193,78.752,4.2,64.715Z" transform="translate(183.542 164.392)" /> </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
Pinterest
Last Edit: Nov 3, 2023, 9:10pm
×
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
×