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
×