File Editor
Directories:
.. (Back)
Files:
social-logos.css
social-logos.html
social-logos.min.css
Create New File
Create
Edit File: social-logos.html
<!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,d09GMgABAAAAABw0AAsAAAAAMqgAABvlAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACJZArLSLwpATYCJAOBYAtyAAQgBYRGB4RxG9EpVQQ2DoAE2zdHRMWknP1/nUCP3cugIqhKpQ6tdiNWhBJ+j56+GTMnk3byLNdwCN9YcHCziHXSfhP+NmhwJZIdkhRNeMC115dLcpz7+QTUDoCMqZsRk3ZalAmAY3n/TbUKkcdRRGJkcOIA1yKpkSIbbUDf8vYZkE2m5lfAdso0ZR0oZ4wLIpL4Bhtj0JozzNvw/Db/z6VC4YIIWJSgYACCCgZRipFoTzEwxsTGhZO5cq7axVM39zZX4VqXbSzc/nd7Ee28qtoD9gbEGwlKVtIt15TeDyBzT/frFS0rsAIrCYhS0kVV95JeSCkC/n7NtNnrpMjyrojCVNgKVyP3bzZ393ff793blH72iAKFTTGbIglDpKo6VUDZI04KTKosDDlAYVvjalVthbSFdLZmvoVcthWG+pDA1dJhH34UIiJyIEVC6IXv0vmxvQ1+BmbxHDahgrG6OxUECK0849SaW3sl5uxrC0oosarAMa2Yq5scFu9dVNJG8Ee61RoDj+I0RC00A7xf3/g98w8OHSKO4sdE3Zj767oBWAQX35xL8Q7QQILZzUY5lXm2qCA334wUXl2/cCABeloU9Z+QPIFSWx1gyZLnakRZkLVm9+dagC4ItlFnBFvSixbBQs8zbzROwmCjoa4jpiz9lzw4rKytmrKJqbySUNXYXoprKbCTUdBQF1s7msvRWtJ6OoaaPEZRpKutb0GQFN/AyMzGwUqiAhHF1DHAOW/+I67F3B0H1/1gcS2R7AAKsgUaUgMupAw8yAT4kCkIIHkQQkogovAIMaQKDGQMEv2wxw39kMKN6AcXN04/LHEjkQBoyA64kAzwIAUQQBrAQuogDYlBBrIGWcgR5CBzkKcAChANipAWKFF4L7QgPdChsEIXMgQ9SBP0KdwbBvrB4M4ixQZZSATykC640g9t3OeRPijohwUeQAQnRAIHooCE+EBDBsCFjIAHmQEfsgEB5AAsZAVqkAR0hVABcFqq+Av/EW8BybUYJe5bLor7k1t5NIeQI3V1aEKQqs7lk7RIFSmhapD/2Uxl81xLoyrKoOcIq/ypTC4TRdVQ1cPYxLaUVUqqLsgEURIERkVX384Huq0fum09LxgiTgJjSl1Vrz+mVotNOe60yyYIVKlkVazj0Pu6MYHq24VRrz/Wsqb+taUaSsXL15KnL3quK6XW67NJpdPlbLrYsKby0dhev2mrSoX+zI7b2cIyO9fuLjSx+5koz3I656U1bZV7yv01wAfqWC0N2cE0qAObQ0YQoo8DQkGKg7q3guTh+c1+YF8wxik1sYoq9QLULyPZgKKvigG3fDZ//nVds9ZJbewPCVaeCTb42oFTxfNIasf0mSgoWIWciqKQ13qiEcALtWmEOpmqQqHdC0KAKcOhaOzH7AVYVR18fx7J2cZD8ag5l1ULIw9SiIeeRtLX8QNcdDFEeQSlJlC8/IqQ/PwcAP7iC8bq2ysYTdDjYhUW4nixxCqAwlwyAu7/mSTkJcncCL0L9nngdfAaWteekE7RxF2qTiMlwnR1S5e3dGX7l1iDeUiIq6VFLQvYLFCO57jsuusCenP9kcPMvcWGXI9R6N3YdPSYJ1st0W6rJOFx7One2f3JluYr2nJRfLyW+oKVWxp6dc3R5D2dRvcTV/W9uzR5dj72XuyZGzLOYov5PbXDYXruQJQVkznqepR5LkMilpRRehQwDx7O/79uQkfjP6ukribq+8hdjxU3ky3/CkRos1dN+TalLDMQ7XjGgdfZZioIcjKOAU+SCxBBDMUaVlkbIGn5AODNCLybakPRauV8i/UN9Nwxjnc57WlKA7t0GNhUfM71CWLGxicCi1tMQwwpEbWbQzeO6xqZTwjLbs/isV2Xg52eOZDCK8WNmo8as7X7dWa1oCohOgFgDnSkB2Dhtl4TgGIJ872re7LG66opGjn5fpxPfFCfpsTkR7xV823K7OB20HSv52CsTK3U6Cwjkj4APAinBNZmv9+iPuzsJRVYHoIYI4DhOtDlmtRDzm4LYIGBsDxeGNHcwsFDqXI7zAZOyZkdbEAxpGExw45x2aoKdT6xsDDFrTrg/bX9QaHM6WRCjnCCq3bbc3L35NeX4tU3rE4cbyC5zFfUkMkgiAPA45wOsXA5U1t/5z9szdf2J4IIIIABhvjTQn6KX2qgX6OOIi2XCWUuewjgU4hbGsA5gAupQk8ZlZxz5LefiADFu4qh6M6pbBTVw3TIU4VCTYVcX9lbqTSK3UWRKZWa1b7qLfl6unb/MX/yoD7zRr2baz56Jp4+bMy+pXJ+mI8sqKUxMbpI5apYUysbXRbCYUgqfXzYQ3I+hVUdAF5DKFzAWP2CUPz8L+A/XG0pI3XGQdEULy6i9rrz6yQ/IwpwlzKwU+h7COJBqbUwhkAIrzEEBdHCTGIzATbOnqdDkEeoCXWhaW5Q6sKuXHx4tNyoVAEADpLwiQtvDlX7jLOxp9w7SyrdGsKZA9GluW+Z0qYShGJnkcBFl6p0OlPCaoX4KgJJY6a1nPrygj//TMfzztTIBB8flqOTYmqMqSf8sXwqnuU6ujppvw8AtwcAgkMGQopc4Ns7fPXZZQgUZBBi5uHc6zjeHCe2tUNbLVcz9QMAabYdCEVD1jzvhsx2F6E2+IACoR1g5Tilpfww8NzDnSiv1D0x4Om6iMZmDNEPj3Oqr4lVAniMZCNjMo9EA8lhwG2bFjaE6e2UJjOW2RcsCIEsqmbAkysPMx7RDFFUfzBYfh2rV/zSkJxdSOmnYqV8UpmE4tXQElYfXvDxz0hWyObC9gj3yqy8riBmHBtIP0iO2AsHZg7huWPOUntTBgpKfUlcrY13GdjMM6rOe3QVx2eSgcButGTcb9WGJ4DzrvrKra8vW+1fbVZ8+fbz+MSHT1OTvbpcswoDQeRUx7q1JhXLL9gwiLBPfBe/2JwZuT8/O/po6c3Kk+H3b1efTn16MxCNpCEff49kb9Q394rKVguKdvuSNR3HTDioX+2NxdXeNydWAE8Nxx4G6E8ktJKAqujg0KS+LAHv/zFETHUECq2l7wN5NXNeNGatr67HVFcVSJYtV/sWnY57tKQdwaE/GlrYLyiIKbkmLKC+rfyX1ka7ltJMtnoWb6ukl3ljrzhoSgng/5UN0ez9iV5k55LRgFs1BOWgNsYOMVQZo/6U/a4RxKurNbEqlwG3aUPOUFaishITWc6xKbD/JyAkVAGMPT68PE+NWEzscg/9uQvO2AQUoRhbY61V1sIEVvFc8iO5VUtsGLqiu3jwYIVoUVWLDA2reR5m+4bBDg9ciEAFHbJT05IiPBthOTYviyv83fdJi/paG6fNgmCfV19snd+ZPiVXgmDrRxdUXnLm2hfeHAl4Od+Q/dTn87PJVKMgLFj07m4KOndrvixm59yuqyHPCBeP1C+lWrqentUQjmdn1ZKVBMedk99HmEdqCBFDHHLJaFQAQPZQX2c0SKK3Va5AuL/u1Dpk3TyM/Dmi8d6rip56zCYAeU2e/ryo8s71kSbGM+kgXdk//X1DWM/WD73b1dwUjaQKy+9R6+xLce6VOlPfcOjpzpYLY0prmLByoWoPrW16tHGUlhcfOqZP28je7/dzqi0FUUx3dxYQKtef8eH5t6sPx5YwBrpc4GFULcE8tkN6zUYHAKr0JgGlRTLwynRNlgfONeGfPiovDsdhiHgPJbifGt4PMODpMFvH1TlHqmbdmx4sjgNalSbcYJytEgTCPuVs8Mt5BLCLkHbEBf2GPUhvo9t4k3Tlyz3NzLBuvH0/nn7bOlngI1lZlYKVbLk3XJnLSJIBvuO3vu2bgrCpxM8fBzzun5dHozlHNkjgVBoQBlg/dOofsrpUnbGrTsEyjp+nXuVIum4Lyf7BpaG1vncsSU9wRWUeIdnTZskpb3JmdYhxUXGMoDy6yV7AUPHh5M880sW0w6Z/akIqE4wIsTIXu7XDVjGWZKPWiPiWVeMDnUqkrCHqM9WSqa1zNamxvSdpwXaChc2P09zyJWm441ahZklNJl1hjKNAwvUmMm/6Sbq9q2ca+Z/0wzXiqtxcd/h/Ys0hyRgiAUl1jnI7Vn19KvBRD/NcTaDUBmejcPC+R14A+Hq6VP9l7i1Oo8x7iLqIUewx7Ha7+HeUwwAtsilDQodAiaBCcY0TMHvx4vnX+9sr4kql5susDXZYX/WYogsXLr075BjozjiZefJfqptC9iNyMzH9tJ9uMN/gWILwHStDOIM90QsUNeerqsHyLB6er9gtKqHW8SMLKbPVapYc3r4BbZMekNpQnEGY6LvXD+1F7J07h0wV0flXi0IoDFZQX6c6kSzVtYbdlZtkpNbAhMIcXnZdB0+OANL7aAiJ4t6N+vGGI6GhCQwtp30657yQjW2vYNG/2cikdmFa6rwTqfjis8+xMYkJDfj3I06CTzlNk/QLWGJ4u0IiBt5yfMN3jYvH+zK0TFnjNsYqYqWutI9O+v1IPNYGl+bOZc8FQ2E+gDCNB7wiD1fD9TB5PXbMijAFhO9+DTd7TU55rSLu3O4bWYufpk3jd5MC1TfGjcmfKgm8zSqtBOsmu7ESzEryyh86xHAPDHpJ3onpwZB7QQPOc5CoCSdXyI4ETOihYPj2MjlJfmMJL3p17O2ljtWt7qTrn60v+ytDwf8yMrnir5l37/Yu8buDtOLX6Ij+qBnBrFhtj421tybdHttq38PzR37JrjKyTLs+WeeoIuj8LJCWcblmCKMJPhz/cuePp+yuxR4DmueH8NXBy3x/2l/6mbxCoe+0Z0+tn/p3dYCNvtqyJvDPgSX2qhvdNE4ymF10kGYzLspa9GYm5yfdIuIWj2Yzhh1+W2lGgX+nFSv/AuA5DNHYRjYCnR+I1h/Ffs2OkheELCfbwW4dOavJF+WbsESHT9lYAcpzsA12qbQ4yH4vn0gMmzfEohcOZv2/FpAmAsDseKuOUa2IKMqK892qTFRGii4Fe0MzSn+4t9ZbGL9WttX3NyuiSKFu7nUAi6qctxtcRx8e7Zg3mb7j+wSL4FA1b0tKX8Qai2LKssaYumWmeohvft/nlZE3NIair9QqdqNQhKQeOhKNj23cnLhgZhiVU3Z+3qS93Hn7gmtBQl9Enb9hHW1oTEow3axk7R86ofXddVOHQhOSTITX7ff3s1AofGxHOeVj2gLZR/KpgSPAUyDrbA/hA+HOj/mU7YlcZc6n/o+izyTbRlsAxPWWlkVgSRPqBFqtQCdMXWspz47MiHxXnV1uaVVVxJSXx1SoEjWM78JeVYPe+gDSmHqMpCadUJ8gPQowVHXwgQHt35/4HFngVU+b0JVvMDkXc5FmeJc5POR+ESGiAbkCVYjdgSNid2JTMB3oDUgHJgHfYrYWAoiNcaNH0G4f8ErTl9b3GQrnSfXs/PSztM92pqY5gQWPnDmzQUu3O9ACw/vrK6uiheoapV7ehtGiPctyzIKbuqcTvENnsr+M4ebHEqnNGNy+TyXbYlZIPt2HwzRTibF5vJgvK/a/8VejHU1aeobLxDAn4fmJ7rlW5/IH2Gb2AF8uNcgDOI+0j3S87/jmyI5wUozBBIbpa/2JEr5OK8gxikSG7Ig9Y6h624p2vigvHaObGpyrkUueNrEEF6YEywoxH2FGmNpWTtN8urZ6ycOdYVJuFgsX/G6Hie3H8XtHzAazwsx2/slJ52gwf1BikQzypYEXD+QQs6kE1celji9RyOfE0y1gdrfSoz3E60Ph6nGoPt4hrafeX4M+Wtbw6Deak/bbQ5fM6Tb+bDpUWeJ3/0j0kfvRuo896GeMfh2u9Qr5zm0v/FvaW1D/OymepNt82Oc+1MsV6/oP59g+fKpALKC6bdqK+AnbB/tGk0izJHR7/jWrRlR3cX+sg9f9gfPi+fM+PFEVMlRlos4iRpFqJJoFFd/5kxby5ykJGB7Oo/bAAD6kmhmUouEa7iFpHvjvURHo3rK9b7SlJ5DKp0HphLoG0vOxlacrqMYt5drf+hIwGJD08VSZO6JM9UNTQczTzATYVATi67h/DAz8wfUXcp2Suo4kKEQlVoUE+XPrJE6uEOzp4m/ku2ujSR/6awx1DKPHjPGMzST846LHMMoAmjuPb7ymyMBFbkJyo1AOVC4V1arahDNsqsAo+lGpqH4jphkdtRCVouqUdyaBf34cq1XpK1PRuuiWWms3sSXaWkvsdg9Rix5D9oiXCeciuIgwNKoSXhO6Bq7chStHa2Nu9QdDPMTTKhRixBGRAnDjNgg9G4TCNXpt3D2FbwIUgQqAHlefaxMnS4K+9e6tZCxG8npPUgM/vTomitLFS6NlRqHPboO4fSTIh+oz4eedYOUstwXTOQgpVHtLavN26nxCdWHBKRFh4eZ00YA7BoN17kiMiVknEpMYpRTyU9ZePVMjpATkSdZ3IZJcXiUk99bAiAJUVkgji094CoULRkWWy/wgytXk5ybdFxyRjx68OKBOIJdSHBQPSy22qrnFd0cOQhdUXE/9WB5sSVdlmZvpriozpScOf/IhNyOVrVnhC/mOm7+sIdPE6+xd2GngWHWBC6IQAUyB5JQARk4bEJucOLOvMcrs5zznve9VI35bjoW3cdnPf8V6YygO28Yc0YDlzw2c42aKCISWE/u3tOzF8g4vaZrvGO5YsyiKbrpoSE9UXSv5ZEniGhYI+kwMZISc+xi/bc4uZUFUVIFSHmHLViKbDphloUmIPK5Vr0gnpbMLKBk31+y5uCq6Jjbof+tL1GB02CPx0OlaLbWHOom4VntYgHWGGPZyWMzQUCMeTPfCxOikZ1JzH7/2C+oXnXgy7McD40j6pfK3FBOCmW7wpji47Vw3hRxmtVI42Qj/IqkW/uiB6BKdfHaIgeWr87i1OQdqPgYzdNswPPb55+QND2mPUvaQeWRC29nDB29si8wImEmYGWyOaVi1Zte5NmLadaSgwklUJoUJmIGNASSIBTEBC7MHxlJNUiCt47GWyH8IBaF/XAzoumVRt+UzScyt+VyFSakSkv0wD8/jKOzeFZyt+QysX72UJjB1i0IZ+AgB9VogACH2DUI+OeQxh68fdJIZNIrUUhCU0OQgR2ByKJULIRFfBcX+bgncQ0FRAC+3MTnQHZQcCssRKMRX8yissZ9jvqK13GaWiaZaevNkOVji1wTve08Yof0fhL7HPoi+b6OTmyUvW3fXynNp0wSvuQWreLKhzeJyz4jkgkF5SriLqd3CLtAt8MuJ0ourldezh9vJkVnn4ovtG5d6k3PifUgpaBM6Y/A/82BxNQJvtW1lWsFlldvo7u62US9RbR2R22Saze11d3ku8S5VVLqNetgGR/HLvMuJHtjmNq7MlgrLeix2KcHrbsvT2/JOuMRz8y7tfUCf1SNbDzC7L8QR0oOfhqfxCUmakPaMz+elF/8Wfov3n97tH+KgHE4Qtae3i+KT4slOJzlhdyPDYVUQxOvOLohEUHwvwT4R2TI9Vs+lvM7VNaNBRw6HG7yLAgX+8ZkqTAiBny7H3KT+1OyDjCTcqKAOWgs7w1SJ3y4LLQZ3t97eevf8F3MPDT+/EZfcCEB6VTfJdaCZ2Io69BHIG/0eckttM+yBXDuf9ubbHynMnHjZW1B/t/S85vAqTRiOkFQ88iozbANp3y/nQWHR+es4+KPwXiYp7FTeC+Zzh+MFCaDGk8nUxVvju2RJFGnw9sStwQkvkj8kWPdPL5hmDS5xYV3FxS46qDqdpGXuqaN6shOz6+KRKOlL416leAVr5PX6Z+LMY/lgy+ja97ysjJQqf2Kms4I6bi6GIYifIBVIU7CZpJYBwQ5Q1s2v5ZfVaL8GQ09ZJt9yhcKQXlv7C+/9w/IoRca/HPBqyYJNJ/buvaU8mNLm1JdGMs+Em/182BDH9akyatW1E78kEDbcTk49p//qTjyxu+R7xLIOheRytC9QucHyoq8p3ekDg8giKrSV9Nfyj4TWMc27d6jDiJe6P55O7AVvHQhtvquwTSNiW3jdNIsvetxK+vtsloDY5yjL4GWAvWLyGUoeBcOpL0YYIXAxwDnWHFtuj1WJ04KGg9LE6petPDoQ/WPK3iEF0o6IyEwp/zikZfOl67rrLI0aVlK1pCYom/t4EM1XXjVUcAsCbglsHTANogl+89Gj+httAM6UgOvfv/124gtu0+LMALBlXOwf5f8V8tu6NBn17nOZUPZdzo5wIi2W1vMdTd+9bgndjnZYALyPQZtv0mCcdiqqTNiGofA3HMHnxtR7Lc3zBojvYg8M7If/PRmjLsUW/YXSBlLSQp28TqGVQKZ7cQ7qWQKpLXwHiSyloi0x6CzTk9DOgKwNGwBaZEFTpayoD/BR5LiwnknkfFAfuicviJKNoofB8YOwzIoBTuua0jXOteNrhzkLt1RscV49ON50UDaTLgOjmgkcu7q0mNmRHusSgqe5vkyde9UNez9Hd0IqPaHj9NtvrHLrpHQWg8OXaXTQ6aaTmbofTkR3udnTodMUwWD9197RHA+6ss8Y2dDn0KTZbgpa2W4UugbX/mwcDU2mzQVXfAckfsO8/nYz0Fx7/8qMkVr1a2gbWP5jXDa3LPs1dhg2eLzq/yEPbPc79DPbRnL5Z+q+Mtc27DSMj1veBI59eNkhsOo0AtDCfpotyBsP241BV4Z/Ax1v9x66sfyJOsbTYL60YNv/B6c40DfAW1HmHf8rjlj+JjNixT+mC/o9bjQOVI8By+ld3u//YeP84/lPBYFcAGph+nZA7wRKeKUDMAtSKW7TJBUCJGwJUqxP3lOkzWhAQNmDuqMBEUi6YwAJRFNCDNODmomAZh4kgFB4AAEmz0d3BPACOyjyZj9AUcB+tTsaMExSDLB/050A8gKod0YEwkBRi6uyzu4Md7pqXC3Z1TVtTntzcB74KnnVzS11rgaOLEIadWyW6obqZntrdRWnYj6npb1G3trq4DiaXfM4ZldDHZbT6eI0NrvqqytbI2pbWxvVkZGOzXFEVLrmgRYulerYOYVzcqnh2veerVqNtrWza8ZYKKjnqc5B6w57rwGHTAQppmBRG7B7t2tVrYpXmA9FGdvVkGt9cQcOCm3mMg+HmaiEqTqJ6ByN8bT+Siv3eoTaHJ5GapGv5Tlw9QiVROTBJf+/2gKfVccGEBASQkFoCANhIRyE/2PymSWBwohEpIRNZ7K5fKFYKleqtXqj2Wp3ur3+YDgaT6az+WK5Wm+2u/3heMqkYvzhP1RtwOJrxBR2yhn853e1bngbKaGhusQljAdxh01MLdBrxANVAxeFm31EINqGGak8wILbDCQz7yVuPM7UWf67Z9zzQqImF116GDNR3lES+3Wy2t7FP+wE5lLpUKqoz+yP217q5jRS0qT1dviyOwWJUqI6HmGtH/nBOCfiKl6aiNg2rwyq361UBUMUI2l4GEyjuOFkRfuefErve+N4mwlMqehdlrpXI9u7wUojLfN7ahCX5umWKdqPrjH3RtUpdtQyvNWF4ZOMWjaVo0ayo46YwCEHNBl9Fo3LZDClv9M9pvujHCD3XLyKb216EkU6DnDEUJxTKz8aOb/uL1+zt2/q2gNOAAA=) 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__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__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="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="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 Changes
Rename File
Rename