social-logos.css
3 years ago
social-logos.html
3 years ago
social-logos.min.css
3 years ago
social-logos.woff2
3 years ago
social-logos.html
485 lines
| 1 | <!doctype html> |
| 2 | <html> |
| 3 | <head> |
| 4 | <meta charset="utf-8"> |
| 5 | <title>social-logos</title> |
| 6 | <style> |
| 7 | body { |
| 8 | margin:0; |
| 9 | padding:10px 20px; |
| 10 | background:#fff; |
| 11 | color:#222; |
| 12 | } |
| 13 | h1, div, footer { |
| 14 | font-family:"Helvetica Neue", Arial, sans-serif; |
| 15 | } |
| 16 | h1 { |
| 17 | margin:0 0 20px; |
| 18 | font-size:32px; |
| 19 | font-weight:normal; |
| 20 | } |
| 21 | .icons { |
| 22 | margin-bottom:40px; |
| 23 | -webkit-column-count:5; |
| 24 | -moz-column-count:5; |
| 25 | column-count:5; |
| 26 | -webkit-column-gap:20px; |
| 27 | -moz-column-gap:20px; |
| 28 | column-gap:20px; |
| 29 | } |
| 30 | .icons__item, |
| 31 | .icons__item i { |
| 32 | line-height:2em; |
| 33 | cursor:pointer; |
| 34 | overflow:hidden; |
| 35 | } |
| 36 | .icons__item:hover { |
| 37 | color:#3c90be; |
| 38 | } |
| 39 | .icons__item i { |
| 40 | display:inline-block; |
| 41 | width:32px; |
| 42 | text-align:center; |
| 43 | } |
| 44 | .icons__item:hover i { |
| 45 | -webkit-transform:scale(1.5); |
| 46 | transform:scale(1.5); |
| 47 | } |
| 48 | footer { |
| 49 | margin-top:40px; |
| 50 | font-size:14px; |
| 51 | color:#999; |
| 52 | } |
| 53 | |
| 54 | /* Generated by grunt-webfont */ |
| 55 | /* Based on https://github.com/endtwist/fontcustom/blob/master/lib/fontcustom/templates/fontcustom.css */ |
| 56 | |
| 57 | |
| 58 | |
| 59 | @font-face { |
| 60 | font-family:"social-logos"; |
| 61 | src: url(data:application/octet-stream;base64,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) format('woff2'); |
| 62 | font-weight:normal; |
| 63 | font-style:normal; |
| 64 | } |
| 65 | |
| 66 | .social-logo { |
| 67 | font-family:"social-logos"; |
| 68 | display:inline-block; |
| 69 | vertical-align:middle; |
| 70 | line-height:1; |
| 71 | font-weight:normal; |
| 72 | font-style:normal; |
| 73 | speak:none; |
| 74 | text-decoration:inherit; |
| 75 | text-transform:none; |
| 76 | text-rendering:auto; |
| 77 | -webkit-font-smoothing:antialiased; |
| 78 | -moz-osx-font-smoothing:grayscale; |
| 79 | } |
| 80 | |
| 81 | |
| 82 | /* Icons */ |
| 83 | |
| 84 | |
| 85 | .social-logo__amazon:before { |
| 86 | content:"\f600"; |
| 87 | } |
| 88 | |
| 89 | |
| 90 | .social-logo__behance:before { |
| 91 | content:"\f101"; |
| 92 | } |
| 93 | |
| 94 | |
| 95 | .social-logo__blogger-alt:before { |
| 96 | content:"\f601"; |
| 97 | } |
| 98 | |
| 99 | |
| 100 | .social-logo__blogger:before { |
| 101 | content:"\f602"; |
| 102 | } |
| 103 | |
| 104 | |
| 105 | .social-logo__codepen:before { |
| 106 | content:"\f216"; |
| 107 | } |
| 108 | |
| 109 | |
| 110 | .social-logo__dribbble:before { |
| 111 | content:"\f201"; |
| 112 | } |
| 113 | |
| 114 | |
| 115 | .social-logo__dropbox:before { |
| 116 | content:"\f225"; |
| 117 | } |
| 118 | |
| 119 | |
| 120 | .social-logo__eventbrite:before { |
| 121 | content:"\f603"; |
| 122 | } |
| 123 | |
| 124 | |
| 125 | .social-logo__facebook:before { |
| 126 | content:"\f203"; |
| 127 | } |
| 128 | |
| 129 | |
| 130 | .social-logo__fediverse:before { |
| 131 | content:"\f10b"; |
| 132 | } |
| 133 | |
| 134 | |
| 135 | .social-logo__feed:before { |
| 136 | content:"\f413"; |
| 137 | } |
| 138 | |
| 139 | |
| 140 | .social-logo__flickr:before { |
| 141 | content:"\f211"; |
| 142 | } |
| 143 | |
| 144 | |
| 145 | .social-logo__foursquare:before { |
| 146 | content:"\f226"; |
| 147 | } |
| 148 | |
| 149 | |
| 150 | .social-logo__ghost:before { |
| 151 | content:"\f61c"; |
| 152 | } |
| 153 | |
| 154 | |
| 155 | .social-logo__github:before { |
| 156 | content:"\f200"; |
| 157 | } |
| 158 | |
| 159 | |
| 160 | .social-logo__google-alt:before { |
| 161 | content:"\f102"; |
| 162 | } |
| 163 | |
| 164 | |
| 165 | .social-logo__google-plus-alt:before { |
| 166 | content:"\f218"; |
| 167 | } |
| 168 | |
| 169 | |
| 170 | .social-logo__google-plus:before { |
| 171 | content:"\f206"; |
| 172 | } |
| 173 | |
| 174 | |
| 175 | .social-logo__google:before { |
| 176 | content:"\f103"; |
| 177 | } |
| 178 | |
| 179 | |
| 180 | .social-logo__instagram:before { |
| 181 | content:"\f215"; |
| 182 | } |
| 183 | |
| 184 | |
| 185 | .social-logo__link:before { |
| 186 | content:"\f109"; |
| 187 | } |
| 188 | |
| 189 | |
| 190 | .social-logo__linkedin:before { |
| 191 | content:"\f207"; |
| 192 | } |
| 193 | |
| 194 | |
| 195 | .social-logo__mail:before { |
| 196 | content:"\f410"; |
| 197 | } |
| 198 | |
| 199 | |
| 200 | .social-logo__mastodon:before { |
| 201 | content:"\f10a"; |
| 202 | } |
| 203 | |
| 204 | |
| 205 | .social-logo__medium-alt:before { |
| 206 | content:"\f106"; |
| 207 | } |
| 208 | |
| 209 | |
| 210 | .social-logo__medium:before { |
| 211 | content:"\f623"; |
| 212 | } |
| 213 | |
| 214 | |
| 215 | .social-logo__nextdoor:before { |
| 216 | content:"\f10c"; |
| 217 | } |
| 218 | |
| 219 | |
| 220 | .social-logo__patreon:before { |
| 221 | content:"\f105"; |
| 222 | } |
| 223 | |
| 224 | |
| 225 | .social-logo__pinterest-alt:before { |
| 226 | content:"\f210"; |
| 227 | } |
| 228 | |
| 229 | |
| 230 | .social-logo__pinterest:before { |
| 231 | content:"\f209"; |
| 232 | } |
| 233 | |
| 234 | |
| 235 | .social-logo__pocket:before { |
| 236 | content:"\f224"; |
| 237 | } |
| 238 | |
| 239 | |
| 240 | .social-logo__polldaddy:before { |
| 241 | content:"\f217"; |
| 242 | } |
| 243 | |
| 244 | |
| 245 | .social-logo__print:before { |
| 246 | content:"\f469"; |
| 247 | } |
| 248 | |
| 249 | |
| 250 | .social-logo__reddit:before { |
| 251 | content:"\f222"; |
| 252 | } |
| 253 | |
| 254 | |
| 255 | .social-logo__share:before { |
| 256 | content:"\f415"; |
| 257 | } |
| 258 | |
| 259 | |
| 260 | .social-logo__skype:before { |
| 261 | content:"\f220"; |
| 262 | } |
| 263 | |
| 264 | |
| 265 | .social-logo__spotify:before { |
| 266 | content:"\f515"; |
| 267 | } |
| 268 | |
| 269 | |
| 270 | .social-logo__squarespace:before { |
| 271 | content:"\f605"; |
| 272 | } |
| 273 | |
| 274 | |
| 275 | .social-logo__stumbleupon:before { |
| 276 | content:"\f223"; |
| 277 | } |
| 278 | |
| 279 | |
| 280 | .social-logo__telegram:before { |
| 281 | content:"\f606"; |
| 282 | } |
| 283 | |
| 284 | |
| 285 | .social-logo__tiktok-alt:before { |
| 286 | content:"\f107"; |
| 287 | } |
| 288 | |
| 289 | |
| 290 | .social-logo__tiktok:before { |
| 291 | content:"\f108"; |
| 292 | } |
| 293 | |
| 294 | |
| 295 | .social-logo__tumblr-alt:before { |
| 296 | content:"\f607"; |
| 297 | } |
| 298 | |
| 299 | |
| 300 | .social-logo__tumblr:before { |
| 301 | content:"\f214"; |
| 302 | } |
| 303 | |
| 304 | |
| 305 | .social-logo__twitch:before { |
| 306 | content:"\f516"; |
| 307 | } |
| 308 | |
| 309 | |
| 310 | .social-logo__twitter-alt:before { |
| 311 | content:"\f202"; |
| 312 | } |
| 313 | |
| 314 | |
| 315 | .social-logo__twitter:before { |
| 316 | content:"\f610"; |
| 317 | } |
| 318 | |
| 319 | |
| 320 | .social-logo__vimeo:before { |
| 321 | content:"\f212"; |
| 322 | } |
| 323 | |
| 324 | |
| 325 | .social-logo__whatsapp:before { |
| 326 | content:"\f608"; |
| 327 | } |
| 328 | |
| 329 | |
| 330 | .social-logo__woocommerce:before { |
| 331 | content:"\f104"; |
| 332 | } |
| 333 | |
| 334 | |
| 335 | .social-logo__wordpress:before { |
| 336 | content:"\f205"; |
| 337 | } |
| 338 | |
| 339 | |
| 340 | .social-logo__xanga:before { |
| 341 | content:"\f609"; |
| 342 | } |
| 343 | |
| 344 | |
| 345 | .social-logo__youtube:before { |
| 346 | content:"\f213"; |
| 347 | } |
| 348 | |
| 349 | |
| 350 | </style> |
| 351 | </head> |
| 352 | <body> |
| 353 | <h1>social-logos</h1> |
| 354 | |
| 355 | <div class="icons" id="icons"> |
| 356 | |
| 357 | <div class="icons__item" data-name="amazon"><i class="social-logo social-logo__amazon"></i> social-logo__amazon</div> |
| 358 | |
| 359 | <div class="icons__item" data-name="behance"><i class="social-logo social-logo__behance"></i> social-logo__behance</div> |
| 360 | |
| 361 | <div class="icons__item" data-name="blogger-alt"><i class="social-logo social-logo__blogger-alt"></i> social-logo__blogger-alt</div> |
| 362 | |
| 363 | <div class="icons__item" data-name="blogger"><i class="social-logo social-logo__blogger"></i> social-logo__blogger</div> |
| 364 | |
| 365 | <div class="icons__item" data-name="codepen"><i class="social-logo social-logo__codepen"></i> social-logo__codepen</div> |
| 366 | |
| 367 | <div class="icons__item" data-name="dribbble"><i class="social-logo social-logo__dribbble"></i> social-logo__dribbble</div> |
| 368 | |
| 369 | <div class="icons__item" data-name="dropbox"><i class="social-logo social-logo__dropbox"></i> social-logo__dropbox</div> |
| 370 | |
| 371 | <div class="icons__item" data-name="eventbrite"><i class="social-logo social-logo__eventbrite"></i> social-logo__eventbrite</div> |
| 372 | |
| 373 | <div class="icons__item" data-name="facebook"><i class="social-logo social-logo__facebook"></i> social-logo__facebook</div> |
| 374 | |
| 375 | <div class="icons__item" data-name="fediverse"><i class="social-logo social-logo__fediverse"></i> social-logo__fediverse</div> |
| 376 | |
| 377 | <div class="icons__item" data-name="feed"><i class="social-logo social-logo__feed"></i> social-logo__feed</div> |
| 378 | |
| 379 | <div class="icons__item" data-name="flickr"><i class="social-logo social-logo__flickr"></i> social-logo__flickr</div> |
| 380 | |
| 381 | <div class="icons__item" data-name="foursquare"><i class="social-logo social-logo__foursquare"></i> social-logo__foursquare</div> |
| 382 | |
| 383 | <div class="icons__item" data-name="ghost"><i class="social-logo social-logo__ghost"></i> social-logo__ghost</div> |
| 384 | |
| 385 | <div class="icons__item" data-name="github"><i class="social-logo social-logo__github"></i> social-logo__github</div> |
| 386 | |
| 387 | <div class="icons__item" data-name="google-alt"><i class="social-logo social-logo__google-alt"></i> social-logo__google-alt</div> |
| 388 | |
| 389 | <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> |
| 390 | |
| 391 | <div class="icons__item" data-name="google-plus"><i class="social-logo social-logo__google-plus"></i> social-logo__google-plus</div> |
| 392 | |
| 393 | <div class="icons__item" data-name="google"><i class="social-logo social-logo__google"></i> social-logo__google</div> |
| 394 | |
| 395 | <div class="icons__item" data-name="instagram"><i class="social-logo social-logo__instagram"></i> social-logo__instagram</div> |
| 396 | |
| 397 | <div class="icons__item" data-name="link"><i class="social-logo social-logo__link"></i> social-logo__link</div> |
| 398 | |
| 399 | <div class="icons__item" data-name="linkedin"><i class="social-logo social-logo__linkedin"></i> social-logo__linkedin</div> |
| 400 | |
| 401 | <div class="icons__item" data-name="mail"><i class="social-logo social-logo__mail"></i> social-logo__mail</div> |
| 402 | |
| 403 | <div class="icons__item" data-name="mastodon"><i class="social-logo social-logo__mastodon"></i> social-logo__mastodon</div> |
| 404 | |
| 405 | <div class="icons__item" data-name="medium-alt"><i class="social-logo social-logo__medium-alt"></i> social-logo__medium-alt</div> |
| 406 | |
| 407 | <div class="icons__item" data-name="medium"><i class="social-logo social-logo__medium"></i> social-logo__medium</div> |
| 408 | |
| 409 | <div class="icons__item" data-name="nextdoor"><i class="social-logo social-logo__nextdoor"></i> social-logo__nextdoor</div> |
| 410 | |
| 411 | <div class="icons__item" data-name="patreon"><i class="social-logo social-logo__patreon"></i> social-logo__patreon</div> |
| 412 | |
| 413 | <div class="icons__item" data-name="pinterest-alt"><i class="social-logo social-logo__pinterest-alt"></i> social-logo__pinterest-alt</div> |
| 414 | |
| 415 | <div class="icons__item" data-name="pinterest"><i class="social-logo social-logo__pinterest"></i> social-logo__pinterest</div> |
| 416 | |
| 417 | <div class="icons__item" data-name="pocket"><i class="social-logo social-logo__pocket"></i> social-logo__pocket</div> |
| 418 | |
| 419 | <div class="icons__item" data-name="polldaddy"><i class="social-logo social-logo__polldaddy"></i> social-logo__polldaddy</div> |
| 420 | |
| 421 | <div class="icons__item" data-name="print"><i class="social-logo social-logo__print"></i> social-logo__print</div> |
| 422 | |
| 423 | <div class="icons__item" data-name="reddit"><i class="social-logo social-logo__reddit"></i> social-logo__reddit</div> |
| 424 | |
| 425 | <div class="icons__item" data-name="share"><i class="social-logo social-logo__share"></i> social-logo__share</div> |
| 426 | |
| 427 | <div class="icons__item" data-name="skype"><i class="social-logo social-logo__skype"></i> social-logo__skype</div> |
| 428 | |
| 429 | <div class="icons__item" data-name="spotify"><i class="social-logo social-logo__spotify"></i> social-logo__spotify</div> |
| 430 | |
| 431 | <div class="icons__item" data-name="squarespace"><i class="social-logo social-logo__squarespace"></i> social-logo__squarespace</div> |
| 432 | |
| 433 | <div class="icons__item" data-name="stumbleupon"><i class="social-logo social-logo__stumbleupon"></i> social-logo__stumbleupon</div> |
| 434 | |
| 435 | <div class="icons__item" data-name="telegram"><i class="social-logo social-logo__telegram"></i> social-logo__telegram</div> |
| 436 | |
| 437 | <div class="icons__item" data-name="tiktok-alt"><i class="social-logo social-logo__tiktok-alt"></i> social-logo__tiktok-alt</div> |
| 438 | |
| 439 | <div class="icons__item" data-name="tiktok"><i class="social-logo social-logo__tiktok"></i> social-logo__tiktok</div> |
| 440 | |
| 441 | <div class="icons__item" data-name="tumblr-alt"><i class="social-logo social-logo__tumblr-alt"></i> social-logo__tumblr-alt</div> |
| 442 | |
| 443 | <div class="icons__item" data-name="tumblr"><i class="social-logo social-logo__tumblr"></i> social-logo__tumblr</div> |
| 444 | |
| 445 | <div class="icons__item" data-name="twitch"><i class="social-logo social-logo__twitch"></i> social-logo__twitch</div> |
| 446 | |
| 447 | <div class="icons__item" data-name="twitter-alt"><i class="social-logo social-logo__twitter-alt"></i> social-logo__twitter-alt</div> |
| 448 | |
| 449 | <div class="icons__item" data-name="twitter"><i class="social-logo social-logo__twitter"></i> social-logo__twitter</div> |
| 450 | |
| 451 | <div class="icons__item" data-name="vimeo"><i class="social-logo social-logo__vimeo"></i> social-logo__vimeo</div> |
| 452 | |
| 453 | <div class="icons__item" data-name="whatsapp"><i class="social-logo social-logo__whatsapp"></i> social-logo__whatsapp</div> |
| 454 | |
| 455 | <div class="icons__item" data-name="woocommerce"><i class="social-logo social-logo__woocommerce"></i> social-logo__woocommerce</div> |
| 456 | |
| 457 | <div class="icons__item" data-name="wordpress"><i class="social-logo social-logo__wordpress"></i> social-logo__wordpress</div> |
| 458 | |
| 459 | <div class="icons__item" data-name="xanga"><i class="social-logo social-logo__xanga"></i> social-logo__xanga</div> |
| 460 | |
| 461 | <div class="icons__item" data-name="youtube"><i class="social-logo social-logo__youtube"></i> social-logo__youtube</div> |
| 462 | |
| 463 | </div> |
| 464 | |
| 465 | <h1>Usage</h1> |
| 466 | <pre><code><i class="social-logo social-logo__<span id="name">name</span>"></i></code></pre> |
| 467 | |
| 468 | |
| 469 | <footer>Generated by <a href="https://github.com/sapegin/grunt-webfont">grunt-webfont</a>.</footer> |
| 470 | |
| 471 | <script> |
| 472 | (function() { |
| 473 | document.getElementById('icons').onclick = function(e) { |
| 474 | e = e || window.event; |
| 475 | var name = e.target.getAttribute('data-name') || e.target.parentNode.getAttribute('data-name'); |
| 476 | document.getElementById('name').innerHTML = name; |
| 477 | |
| 478 | } |
| 479 | })(); |
| 480 | </script> |
| 481 | </body> |
| 482 | </html> |
| 483 | </body> |
| 484 | </html> |
| 485 |