2019-11-15 23:26:29 +01:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>social-logos</title>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
margin:0;
|
|
|
|
|
padding:10px 20px;
|
|
|
|
|
background:#fff;
|
|
|
|
|
color:#222;
|
|
|
|
|
}
|
|
|
|
|
h1, div, footer {
|
|
|
|
|
font-family:"Helvetica Neue", Arial, sans-serif;
|
|
|
|
|
}
|
|
|
|
|
h1 {
|
|
|
|
|
margin:0 0 20px;
|
|
|
|
|
font-size:32px;
|
|
|
|
|
font-weight:normal;
|
|
|
|
|
}
|
|
|
|
|
.icons {
|
|
|
|
|
margin-bottom:40px;
|
|
|
|
|
-webkit-column-count:5;
|
2023-09-26 10:24:36 +02:00
|
|
|
-moz-column-count:5;
|
|
|
|
|
column-count:5;
|
2019-11-15 23:26:29 +01:00
|
|
|
-webkit-column-gap:20px;
|
2023-09-26 10:24:36 +02:00
|
|
|
-moz-column-gap:20px;
|
|
|
|
|
column-gap:20px;
|
|
|
|
|
}
|
2019-11-15 23:26:29 +01:00
|
|
|
.icons__item,
|
|
|
|
|
.icons__item i {
|
|
|
|
|
line-height:2em;
|
|
|
|
|
cursor:pointer;
|
|
|
|
|
overflow:hidden;
|
2023-09-26 10:24:36 +02:00
|
|
|
}
|
2019-11-15 23:26:29 +01:00
|
|
|
.icons__item:hover {
|
|
|
|
|
color:#3c90be;
|
|
|
|
|
}
|
|
|
|
|
.icons__item i {
|
|
|
|
|
display:inline-block;
|
|
|
|
|
width:32px;
|
|
|
|
|
text-align:center;
|
2023-09-26 10:24:36 +02:00
|
|
|
}
|
2019-11-15 23:26:29 +01:00
|
|
|
.icons__item:hover i {
|
|
|
|
|
-webkit-transform:scale(1.5);
|
|
|
|
|
transform:scale(1.5);
|
|
|
|
|
}
|
|
|
|
|
footer {
|
|
|
|
|
margin-top:40px;
|
|
|
|
|
font-size:14px;
|
|
|
|
|
color:#999;
|
|
|
|
|
}
|
|
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
/* Generated by grunt-webfont */
|
|
|
|
|
/* Based on https://github.com/endtwist/fontcustom/blob/master/lib/fontcustom/templates/fontcustom.css */
|
2019-11-15 23:26:29 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@font-face {
|
2023-09-26 10:24:36 +02:00
|
|
|
font-family:"social-logos";
|
2024-02-16 11:03:01 +01:00
|
|
|
src: url(data:application/octet-stream;base64,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
|
2023-09-26 10:24:36 +02:00
|
|
|
font-weight:normal;
|
|
|
|
|
font-style:normal;
|
2019-11-15 23:26:29 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.social-logo {
|
|
|
|
|
font-family:"social-logos";
|
|
|
|
|
display:inline-block;
|
|
|
|
|
vertical-align:middle;
|
|
|
|
|
line-height:1;
|
|
|
|
|
font-weight:normal;
|
|
|
|
|
font-style:normal;
|
|
|
|
|
speak:none;
|
|
|
|
|
text-decoration:inherit;
|
|
|
|
|
text-transform:none;
|
|
|
|
|
text-rendering:auto;
|
|
|
|
|
-webkit-font-smoothing:antialiased;
|
|
|
|
|
-moz-osx-font-smoothing:grayscale;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Icons */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__amazon:before {
|
|
|
|
|
content:"\f600";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__behance:before {
|
|
|
|
|
content:"\f101";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__blogger-alt:before {
|
|
|
|
|
content:"\f601";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__blogger:before {
|
|
|
|
|
content:"\f602";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2024-02-16 11:03:01 +01:00
|
|
|
.social-logo__bluesky:before {
|
|
|
|
|
content:"\f10f";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2019-11-15 23:26:29 +01:00
|
|
|
.social-logo__codepen:before {
|
|
|
|
|
content:"\f216";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__dribbble:before {
|
|
|
|
|
content:"\f201";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__dropbox:before {
|
|
|
|
|
content:"\f225";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__eventbrite:before {
|
|
|
|
|
content:"\f603";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__facebook:before {
|
|
|
|
|
content:"\f203";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
.social-logo__fediverse:before {
|
|
|
|
|
content:"\f10b";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2019-11-15 23:26:29 +01:00
|
|
|
.social-logo__feed:before {
|
|
|
|
|
content:"\f413";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__flickr:before {
|
|
|
|
|
content:"\f211";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__foursquare:before {
|
|
|
|
|
content:"\f226";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__ghost:before {
|
|
|
|
|
content:"\f61c";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__github:before {
|
|
|
|
|
content:"\f200";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-04-26 17:39:43 +02:00
|
|
|
.social-logo__google-alt:before {
|
|
|
|
|
content:"\f102";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2019-11-15 23:26:29 +01:00
|
|
|
.social-logo__google-plus-alt:before {
|
|
|
|
|
content:"\f218";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__google-plus:before {
|
|
|
|
|
content:"\f206";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-04-26 17:39:43 +02:00
|
|
|
.social-logo__google:before {
|
|
|
|
|
content:"\f103";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2019-11-15 23:26:29 +01:00
|
|
|
.social-logo__instagram:before {
|
|
|
|
|
content:"\f215";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-04-26 17:39:43 +02:00
|
|
|
.social-logo__link:before {
|
|
|
|
|
content:"\f109";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2019-11-15 23:26:29 +01:00
|
|
|
.social-logo__linkedin:before {
|
|
|
|
|
content:"\f207";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__mail:before {
|
|
|
|
|
content:"\f410";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-04-26 17:39:43 +02:00
|
|
|
.social-logo__mastodon:before {
|
|
|
|
|
content:"\f10a";
|
2019-11-15 23:26:29 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-04-26 17:39:43 +02:00
|
|
|
.social-logo__medium-alt:before {
|
|
|
|
|
content:"\f106";
|
2019-11-15 23:26:29 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-04-26 17:39:43 +02:00
|
|
|
.social-logo__medium:before {
|
|
|
|
|
content:"\f623";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
.social-logo__nextdoor:before {
|
|
|
|
|
content:"\f10c";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-04-26 17:39:43 +02:00
|
|
|
.social-logo__patreon:before {
|
|
|
|
|
content:"\f105";
|
2019-11-15 23:26:29 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__pinterest-alt:before {
|
|
|
|
|
content:"\f210";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__pinterest:before {
|
|
|
|
|
content:"\f209";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__pocket:before {
|
|
|
|
|
content:"\f224";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__polldaddy:before {
|
|
|
|
|
content:"\f217";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__print:before {
|
|
|
|
|
content:"\f469";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__reddit:before {
|
|
|
|
|
content:"\f222";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__share:before {
|
|
|
|
|
content:"\f415";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__skype:before {
|
|
|
|
|
content:"\f220";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__spotify:before {
|
|
|
|
|
content:"\f515";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__squarespace:before {
|
|
|
|
|
content:"\f605";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__stumbleupon:before {
|
|
|
|
|
content:"\f223";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__telegram:before {
|
|
|
|
|
content:"\f606";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
.social-logo__threads:before {
|
|
|
|
|
content:"\f10d";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-04-26 17:39:43 +02:00
|
|
|
.social-logo__tiktok-alt:before {
|
|
|
|
|
content:"\f107";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__tiktok:before {
|
|
|
|
|
content:"\f108";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2019-11-15 23:26:29 +01:00
|
|
|
.social-logo__tumblr-alt:before {
|
|
|
|
|
content:"\f607";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__tumblr:before {
|
|
|
|
|
content:"\f214";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__twitch:before {
|
|
|
|
|
content:"\f516";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__twitter-alt:before {
|
|
|
|
|
content:"\f202";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__twitter:before {
|
|
|
|
|
content:"\f610";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__vimeo:before {
|
|
|
|
|
content:"\f212";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__whatsapp:before {
|
|
|
|
|
content:"\f608";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-04-26 17:39:43 +02:00
|
|
|
.social-logo__woocommerce:before {
|
|
|
|
|
content:"\f104";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2019-11-15 23:26:29 +01:00
|
|
|
.social-logo__wordpress:before {
|
|
|
|
|
content:"\f205";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-12-07 09:44:11 +01:00
|
|
|
.social-logo__x:before {
|
|
|
|
|
content:"\f10e";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2019-11-15 23:26:29 +01:00
|
|
|
.social-logo__xanga:before {
|
|
|
|
|
content:"\f609";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.social-logo__youtube:before {
|
|
|
|
|
content:"\f213";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1>social-logos</h1>
|
|
|
|
|
|
|
|
|
|
<div class="icons" id="icons">
|
|
|
|
|
|
|
|
|
|
<div class="icons__item" data-name="amazon"><i class="social-logo social-logo__amazon"></i> social-logo__amazon</div>
|
|
|
|
|
|
|
|
|
|
<div class="icons__item" data-name="behance"><i class="social-logo social-logo__behance"></i> social-logo__behance</div>
|
|
|
|
|
|
|
|
|
|
<div class="icons__item" data-name="blogger-alt"><i class="social-logo social-logo__blogger-alt"></i> social-logo__blogger-alt</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="blogger"><i class="social-logo social-logo__blogger"></i> social-logo__blogger</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2024-02-16 11:03:01 +01:00
|
|
|
<div class="icons__item" data-name="bluesky"><i class="social-logo social-logo__bluesky"></i> social-logo__bluesky</div>
|
|
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="codepen"><i class="social-logo social-logo__codepen"></i> social-logo__codepen</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="dribbble"><i class="social-logo social-logo__dribbble"></i> social-logo__dribbble</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="dropbox"><i class="social-logo social-logo__dropbox"></i> social-logo__dropbox</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="eventbrite"><i class="social-logo social-logo__eventbrite"></i> social-logo__eventbrite</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="facebook"><i class="social-logo social-logo__facebook"></i> social-logo__facebook</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="fediverse"><i class="social-logo social-logo__fediverse"></i> social-logo__fediverse</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="feed"><i class="social-logo social-logo__feed"></i> social-logo__feed</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="flickr"><i class="social-logo social-logo__flickr"></i> social-logo__flickr</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="foursquare"><i class="social-logo social-logo__foursquare"></i> social-logo__foursquare</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="ghost"><i class="social-logo social-logo__ghost"></i> social-logo__ghost</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="github"><i class="social-logo social-logo__github"></i> social-logo__github</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="google-alt"><i class="social-logo social-logo__google-alt"></i> social-logo__google-alt</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="google-plus-alt"><i class="social-logo social-logo__google-plus-alt"></i> social-logo__google-plus-alt</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="google-plus"><i class="social-logo social-logo__google-plus"></i> social-logo__google-plus</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="google"><i class="social-logo social-logo__google"></i> social-logo__google</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="instagram"><i class="social-logo social-logo__instagram"></i> social-logo__instagram</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="link"><i class="social-logo social-logo__link"></i> social-logo__link</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="linkedin"><i class="social-logo social-logo__linkedin"></i> social-logo__linkedin</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="mail"><i class="social-logo social-logo__mail"></i> social-logo__mail</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="mastodon"><i class="social-logo social-logo__mastodon"></i> social-logo__mastodon</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="medium-alt"><i class="social-logo social-logo__medium-alt"></i> social-logo__medium-alt</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="medium"><i class="social-logo social-logo__medium"></i> social-logo__medium</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="nextdoor"><i class="social-logo social-logo__nextdoor"></i> social-logo__nextdoor</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="patreon"><i class="social-logo social-logo__patreon"></i> social-logo__patreon</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="pinterest-alt"><i class="social-logo social-logo__pinterest-alt"></i> social-logo__pinterest-alt</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="pinterest"><i class="social-logo social-logo__pinterest"></i> social-logo__pinterest</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="pocket"><i class="social-logo social-logo__pocket"></i> social-logo__pocket</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="polldaddy"><i class="social-logo social-logo__polldaddy"></i> social-logo__polldaddy</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="print"><i class="social-logo social-logo__print"></i> social-logo__print</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="reddit"><i class="social-logo social-logo__reddit"></i> social-logo__reddit</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="share"><i class="social-logo social-logo__share"></i> social-logo__share</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="skype"><i class="social-logo social-logo__skype"></i> social-logo__skype</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="spotify"><i class="social-logo social-logo__spotify"></i> social-logo__spotify</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="squarespace"><i class="social-logo social-logo__squarespace"></i> social-logo__squarespace</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="stumbleupon"><i class="social-logo social-logo__stumbleupon"></i> social-logo__stumbleupon</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="telegram"><i class="social-logo social-logo__telegram"></i> social-logo__telegram</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="threads"><i class="social-logo social-logo__threads"></i> social-logo__threads</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="tiktok-alt"><i class="social-logo social-logo__tiktok-alt"></i> social-logo__tiktok-alt</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="tiktok"><i class="social-logo social-logo__tiktok"></i> social-logo__tiktok</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="tumblr-alt"><i class="social-logo social-logo__tumblr-alt"></i> social-logo__tumblr-alt</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="tumblr"><i class="social-logo social-logo__tumblr"></i> social-logo__tumblr</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="twitch"><i class="social-logo social-logo__twitch"></i> social-logo__twitch</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="twitter-alt"><i class="social-logo social-logo__twitter-alt"></i> social-logo__twitter-alt</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="twitter"><i class="social-logo social-logo__twitter"></i> social-logo__twitter</div>
|
2023-04-26 17:39:43 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="vimeo"><i class="social-logo social-logo__vimeo"></i> social-logo__vimeo</div>
|
2023-04-26 17:39:43 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="whatsapp"><i class="social-logo social-logo__whatsapp"></i> social-logo__whatsapp</div>
|
2019-11-15 23:26:29 +01:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="woocommerce"><i class="social-logo social-logo__woocommerce"></i> social-logo__woocommerce</div>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="wordpress"><i class="social-logo social-logo__wordpress"></i> social-logo__wordpress</div>
|
2023-04-26 17:39:43 +02:00
|
|
|
|
2023-12-07 09:44:11 +01:00
|
|
|
<div class="icons__item" data-name="x"><i class="social-logo social-logo__x"></i> social-logo__x</div>
|
|
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="xanga"><i class="social-logo social-logo__xanga"></i> social-logo__xanga</div>
|
2023-04-26 17:39:43 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
<div class="icons__item" data-name="youtube"><i class="social-logo social-logo__youtube"></i> social-logo__youtube</div>
|
2023-04-26 17:39:43 +02:00
|
|
|
|
2023-09-26 10:24:36 +02:00
|
|
|
</div>
|
2019-11-15 23:26:29 +01:00
|
|
|
|
|
|
|
|
<h1>Usage</h1>
|
|
|
|
|
<pre><code><i class="social-logo social-logo__<span id="name">name</span>"></i></code></pre>
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2019-11-15 23:26:29 +01:00
|
|
|
|
|
|
|
|
<footer>Generated by <a href="https://github.com/sapegin/grunt-webfont">grunt-webfont</a>.</footer>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
(function() {
|
|
|
|
|
document.getElementById('icons').onclick = function(e) {
|
|
|
|
|
e = e || window.event;
|
|
|
|
|
var name = e.target.getAttribute('data-name') || e.target.parentNode.getAttribute('data-name');
|
|
|
|
|
document.getElementById('name').innerHTML = name;
|
2020-09-15 14:30:05 +02:00
|
|
|
|
2019-11-15 23:26:29 +01:00
|
|
|
}
|
|
|
|
|
})();
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
2023-04-26 17:39:43 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|