Edit file File name : social-logos.html Content :<!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; -moz-column-count:5; column-count:5; -webkit-column-gap:20px; -moz-column-gap:20px; column-gap:20px; } .icons__item, .icons__item i { line-height:2em; cursor:pointer; overflow:hidden; } .icons__item:hover { color:#3c90be; } .icons__item i { display:inline-block; width:32px; text-align:center; } .icons__item:hover i { -webkit-transform:scale(1.5); transform:scale(1.5); } footer { margin-top:40px; font-size:14px; color:#999; } /* Generated by grunt-webfont */ /* Based on https://github.com/endtwist/fontcustom/blob/master/lib/fontcustom/templates/fontcustom.css */ @font-face { font-family:"social-logos"; src: url(data:application/octet-stream;base64,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) format('woff2'); font-weight:normal; font-style:normal; } .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"; } .social-logo__bluesky:before { content:"\f10f"; } .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"; } .social-logo__fediverse:before { content:"\f10b"; } .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"; } .social-logo__google-alt:before { content:"\f102"; } .social-logo__google-plus-alt:before { content:"\f218"; } .social-logo__google-plus:before { content:"\f206"; } .social-logo__google:before { content:"\f103"; } .social-logo__instagram:before { content:"\f215"; } .social-logo__link:before { content:"\f109"; } .social-logo__linkedin:before { content:"\f207"; } .social-logo__mail:before { content:"\f410"; } .social-logo__mastodon:before { content:"\f10a"; } .social-logo__medium-alt:before { content:"\f106"; } .social-logo__medium:before { content:"\f623"; } .social-logo__nextdoor:before { content:"\f10c"; } .social-logo__patreon:before { content:"\f105"; } .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__sms:before { content:"\f110"; } .social-logo__spotify:before { content:"\f515"; } .social-logo__squarespace:before { content:"\f605"; } .social-logo__stumbleupon:before { content:"\f223"; } .social-logo__telegram:before { content:"\f606"; } .social-logo__threads:before { content:"\f10d"; } .social-logo__tiktok-alt:before { content:"\f107"; } .social-logo__tiktok:before { content:"\f108"; } .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"; } .social-logo__woocommerce:before { content:"\f104"; } .social-logo__wordpress:before { content:"\f205"; } .social-logo__x:before { content:"\f10e"; } .social-logo__xanga:before { content:"\f609"; } .social-logo__youtube:before { content:"\f213"; } </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> <div class="icons__item" data-name="blogger"><i class="social-logo social-logo__blogger"></i> social-logo__blogger</div> <div class="icons__item" data-name="bluesky"><i class="social-logo social-logo__bluesky"></i> social-logo__bluesky</div> <div class="icons__item" data-name="codepen"><i class="social-logo social-logo__codepen"></i> social-logo__codepen</div> <div class="icons__item" data-name="dribbble"><i class="social-logo social-logo__dribbble"></i> social-logo__dribbble</div> <div class="icons__item" data-name="dropbox"><i class="social-logo social-logo__dropbox"></i> social-logo__dropbox</div> <div class="icons__item" data-name="eventbrite"><i class="social-logo social-logo__eventbrite"></i> social-logo__eventbrite</div> <div class="icons__item" data-name="facebook"><i class="social-logo social-logo__facebook"></i> social-logo__facebook</div> <div class="icons__item" data-name="fediverse"><i class="social-logo social-logo__fediverse"></i> social-logo__fediverse</div> <div class="icons__item" data-name="feed"><i class="social-logo social-logo__feed"></i> social-logo__feed</div> <div class="icons__item" data-name="flickr"><i class="social-logo social-logo__flickr"></i> social-logo__flickr</div> <div class="icons__item" data-name="foursquare"><i class="social-logo social-logo__foursquare"></i> social-logo__foursquare</div> <div class="icons__item" data-name="ghost"><i class="social-logo social-logo__ghost"></i> social-logo__ghost</div> <div class="icons__item" data-name="github"><i class="social-logo social-logo__github"></i> social-logo__github</div> <div class="icons__item" data-name="google-alt"><i class="social-logo social-logo__google-alt"></i> social-logo__google-alt</div> <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> <div class="icons__item" data-name="google-plus"><i class="social-logo social-logo__google-plus"></i> social-logo__google-plus</div> <div class="icons__item" data-name="google"><i class="social-logo social-logo__google"></i> social-logo__google</div> <div class="icons__item" data-name="instagram"><i class="social-logo social-logo__instagram"></i> social-logo__instagram</div> <div class="icons__item" data-name="link"><i class="social-logo social-logo__link"></i> social-logo__link</div> <div class="icons__item" data-name="linkedin"><i class="social-logo social-logo__linkedin"></i> social-logo__linkedin</div> <div class="icons__item" data-name="mail"><i class="social-logo social-logo__mail"></i> social-logo__mail</div> <div class="icons__item" data-name="mastodon"><i class="social-logo social-logo__mastodon"></i> social-logo__mastodon</div> <div class="icons__item" data-name="medium-alt"><i class="social-logo social-logo__medium-alt"></i> social-logo__medium-alt</div> <div class="icons__item" data-name="medium"><i class="social-logo social-logo__medium"></i> social-logo__medium</div> <div class="icons__item" data-name="nextdoor"><i class="social-logo social-logo__nextdoor"></i> social-logo__nextdoor</div> <div class="icons__item" data-name="patreon"><i class="social-logo social-logo__patreon"></i> social-logo__patreon</div> <div class="icons__item" data-name="pinterest-alt"><i class="social-logo social-logo__pinterest-alt"></i> social-logo__pinterest-alt</div> <div class="icons__item" data-name="pinterest"><i class="social-logo social-logo__pinterest"></i> social-logo__pinterest</div> <div class="icons__item" data-name="pocket"><i class="social-logo social-logo__pocket"></i> social-logo__pocket</div> <div class="icons__item" data-name="polldaddy"><i class="social-logo social-logo__polldaddy"></i> social-logo__polldaddy</div> <div class="icons__item" data-name="print"><i class="social-logo social-logo__print"></i> social-logo__print</div> <div class="icons__item" data-name="reddit"><i class="social-logo social-logo__reddit"></i> social-logo__reddit</div> <div class="icons__item" data-name="share"><i class="social-logo social-logo__share"></i> social-logo__share</div> <div class="icons__item" data-name="skype"><i class="social-logo social-logo__skype"></i> social-logo__skype</div> <div class="icons__item" data-name="sms"><i class="social-logo social-logo__sms"></i> social-logo__sms</div> <div class="icons__item" data-name="spotify"><i class="social-logo social-logo__spotify"></i> social-logo__spotify</div> <div class="icons__item" data-name="squarespace"><i class="social-logo social-logo__squarespace"></i> social-logo__squarespace</div> <div class="icons__item" data-name="stumbleupon"><i class="social-logo social-logo__stumbleupon"></i> social-logo__stumbleupon</div> <div class="icons__item" data-name="telegram"><i class="social-logo social-logo__telegram"></i> social-logo__telegram</div> <div class="icons__item" data-name="threads"><i class="social-logo social-logo__threads"></i> social-logo__threads</div> <div class="icons__item" data-name="tiktok-alt"><i class="social-logo social-logo__tiktok-alt"></i> social-logo__tiktok-alt</div> <div class="icons__item" data-name="tiktok"><i class="social-logo social-logo__tiktok"></i> social-logo__tiktok</div> <div class="icons__item" data-name="tumblr-alt"><i class="social-logo social-logo__tumblr-alt"></i> social-logo__tumblr-alt</div> <div class="icons__item" data-name="tumblr"><i class="social-logo social-logo__tumblr"></i> social-logo__tumblr</div> <div class="icons__item" data-name="twitch"><i class="social-logo social-logo__twitch"></i> social-logo__twitch</div> <div class="icons__item" data-name="twitter-alt"><i class="social-logo social-logo__twitter-alt"></i> social-logo__twitter-alt</div> <div class="icons__item" data-name="twitter"><i class="social-logo social-logo__twitter"></i> social-logo__twitter</div> <div class="icons__item" data-name="vimeo"><i class="social-logo social-logo__vimeo"></i> social-logo__vimeo</div> <div class="icons__item" data-name="whatsapp"><i class="social-logo social-logo__whatsapp"></i> social-logo__whatsapp</div> <div class="icons__item" data-name="woocommerce"><i class="social-logo social-logo__woocommerce"></i> social-logo__woocommerce</div> <div class="icons__item" data-name="wordpress"><i class="social-logo social-logo__wordpress"></i> social-logo__wordpress</div> <div class="icons__item" data-name="x"><i class="social-logo social-logo__x"></i> social-logo__x</div> <div class="icons__item" data-name="xanga"><i class="social-logo social-logo__xanga"></i> social-logo__xanga</div> <div class="icons__item" data-name="youtube"><i class="social-logo social-logo__youtube"></i> social-logo__youtube</div> </div> <h1>Usage</h1> <pre><code><i class="social-logo social-logo__<span id="name">name</span>"></i></code></pre> <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; } })(); </script> </body> </html> </body> </html> Save