social-logos.css
2 years ago
social-logos.html
2 years ago
social-logos.min.css
2 years ago
social-logos.woff2
2 years ago
social-logos.html
499 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__threads:before { |
| 286 | content:"\f10d"; |
| 287 | } |
| 288 | |
| 289 | |
| 290 | .social-logo__tiktok-alt:before { |
| 291 | content:"\f107"; |
| 292 | } |
| 293 | |
| 294 | |
| 295 | .social-logo__tiktok:before { |
| 296 | content:"\f108"; |
| 297 | } |
| 298 | |
| 299 | |
| 300 | .social-logo__tumblr-alt:before { |
| 301 | content:"\f607"; |
| 302 | } |
| 303 | |
| 304 | |
| 305 | .social-logo__tumblr:before { |
| 306 | content:"\f214"; |
| 307 | } |
| 308 | |
| 309 | |
| 310 | .social-logo__twitch:before { |
| 311 | content:"\f516"; |
| 312 | } |
| 313 | |
| 314 | |
| 315 | .social-logo__twitter-alt:before { |
| 316 | content:"\f202"; |
| 317 | } |
| 318 | |
| 319 | |
| 320 | .social-logo__twitter:before { |
| 321 | content:"\f610"; |
| 322 | } |
| 323 | |
| 324 | |
| 325 | .social-logo__vimeo:before { |
| 326 | content:"\f212"; |
| 327 | } |
| 328 | |
| 329 | |
| 330 | .social-logo__whatsapp:before { |
| 331 | content:"\f608"; |
| 332 | } |
| 333 | |
| 334 | |
| 335 | .social-logo__woocommerce:before { |
| 336 | content:"\f104"; |
| 337 | } |
| 338 | |
| 339 | |
| 340 | .social-logo__wordpress:before { |
| 341 | content:"\f205"; |
| 342 | } |
| 343 | |
| 344 | |
| 345 | .social-logo__x:before { |
| 346 | content:"\f10e"; |
| 347 | } |
| 348 | |
| 349 | |
| 350 | .social-logo__xanga:before { |
| 351 | content:"\f609"; |
| 352 | } |
| 353 | |
| 354 | |
| 355 | .social-logo__youtube:before { |
| 356 | content:"\f213"; |
| 357 | } |
| 358 | |
| 359 | |
| 360 | </style> |
| 361 | </head> |
| 362 | <body> |
| 363 | <h1>social-logos</h1> |
| 364 | |
| 365 | <div class="icons" id="icons"> |
| 366 | |
| 367 | <div class="icons__item" data-name="amazon"><i class="social-logo social-logo__amazon"></i> social-logo__amazon</div> |
| 368 | |
| 369 | <div class="icons__item" data-name="behance"><i class="social-logo social-logo__behance"></i> social-logo__behance</div> |
| 370 | |
| 371 | <div class="icons__item" data-name="blogger-alt"><i class="social-logo social-logo__blogger-alt"></i> social-logo__blogger-alt</div> |
| 372 | |
| 373 | <div class="icons__item" data-name="blogger"><i class="social-logo social-logo__blogger"></i> social-logo__blogger</div> |
| 374 | |
| 375 | <div class="icons__item" data-name="codepen"><i class="social-logo social-logo__codepen"></i> social-logo__codepen</div> |
| 376 | |
| 377 | <div class="icons__item" data-name="dribbble"><i class="social-logo social-logo__dribbble"></i> social-logo__dribbble</div> |
| 378 | |
| 379 | <div class="icons__item" data-name="dropbox"><i class="social-logo social-logo__dropbox"></i> social-logo__dropbox</div> |
| 380 | |
| 381 | <div class="icons__item" data-name="eventbrite"><i class="social-logo social-logo__eventbrite"></i> social-logo__eventbrite</div> |
| 382 | |
| 383 | <div class="icons__item" data-name="facebook"><i class="social-logo social-logo__facebook"></i> social-logo__facebook</div> |
| 384 | |
| 385 | <div class="icons__item" data-name="fediverse"><i class="social-logo social-logo__fediverse"></i> social-logo__fediverse</div> |
| 386 | |
| 387 | <div class="icons__item" data-name="feed"><i class="social-logo social-logo__feed"></i> social-logo__feed</div> |
| 388 | |
| 389 | <div class="icons__item" data-name="flickr"><i class="social-logo social-logo__flickr"></i> social-logo__flickr</div> |
| 390 | |
| 391 | <div class="icons__item" data-name="foursquare"><i class="social-logo social-logo__foursquare"></i> social-logo__foursquare</div> |
| 392 | |
| 393 | <div class="icons__item" data-name="ghost"><i class="social-logo social-logo__ghost"></i> social-logo__ghost</div> |
| 394 | |
| 395 | <div class="icons__item" data-name="github"><i class="social-logo social-logo__github"></i> social-logo__github</div> |
| 396 | |
| 397 | <div class="icons__item" data-name="google-alt"><i class="social-logo social-logo__google-alt"></i> social-logo__google-alt</div> |
| 398 | |
| 399 | <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> |
| 400 | |
| 401 | <div class="icons__item" data-name="google-plus"><i class="social-logo social-logo__google-plus"></i> social-logo__google-plus</div> |
| 402 | |
| 403 | <div class="icons__item" data-name="google"><i class="social-logo social-logo__google"></i> social-logo__google</div> |
| 404 | |
| 405 | <div class="icons__item" data-name="instagram"><i class="social-logo social-logo__instagram"></i> social-logo__instagram</div> |
| 406 | |
| 407 | <div class="icons__item" data-name="link"><i class="social-logo social-logo__link"></i> social-logo__link</div> |
| 408 | |
| 409 | <div class="icons__item" data-name="linkedin"><i class="social-logo social-logo__linkedin"></i> social-logo__linkedin</div> |
| 410 | |
| 411 | <div class="icons__item" data-name="mail"><i class="social-logo social-logo__mail"></i> social-logo__mail</div> |
| 412 | |
| 413 | <div class="icons__item" data-name="mastodon"><i class="social-logo social-logo__mastodon"></i> social-logo__mastodon</div> |
| 414 | |
| 415 | <div class="icons__item" data-name="medium-alt"><i class="social-logo social-logo__medium-alt"></i> social-logo__medium-alt</div> |
| 416 | |
| 417 | <div class="icons__item" data-name="medium"><i class="social-logo social-logo__medium"></i> social-logo__medium</div> |
| 418 | |
| 419 | <div class="icons__item" data-name="nextdoor"><i class="social-logo social-logo__nextdoor"></i> social-logo__nextdoor</div> |
| 420 | |
| 421 | <div class="icons__item" data-name="patreon"><i class="social-logo social-logo__patreon"></i> social-logo__patreon</div> |
| 422 | |
| 423 | <div class="icons__item" data-name="pinterest-alt"><i class="social-logo social-logo__pinterest-alt"></i> social-logo__pinterest-alt</div> |
| 424 | |
| 425 | <div class="icons__item" data-name="pinterest"><i class="social-logo social-logo__pinterest"></i> social-logo__pinterest</div> |
| 426 | |
| 427 | <div class="icons__item" data-name="pocket"><i class="social-logo social-logo__pocket"></i> social-logo__pocket</div> |
| 428 | |
| 429 | <div class="icons__item" data-name="polldaddy"><i class="social-logo social-logo__polldaddy"></i> social-logo__polldaddy</div> |
| 430 | |
| 431 | <div class="icons__item" data-name="print"><i class="social-logo social-logo__print"></i> social-logo__print</div> |
| 432 | |
| 433 | <div class="icons__item" data-name="reddit"><i class="social-logo social-logo__reddit"></i> social-logo__reddit</div> |
| 434 | |
| 435 | <div class="icons__item" data-name="share"><i class="social-logo social-logo__share"></i> social-logo__share</div> |
| 436 | |
| 437 | <div class="icons__item" data-name="skype"><i class="social-logo social-logo__skype"></i> social-logo__skype</div> |
| 438 | |
| 439 | <div class="icons__item" data-name="spotify"><i class="social-logo social-logo__spotify"></i> social-logo__spotify</div> |
| 440 | |
| 441 | <div class="icons__item" data-name="squarespace"><i class="social-logo social-logo__squarespace"></i> social-logo__squarespace</div> |
| 442 | |
| 443 | <div class="icons__item" data-name="stumbleupon"><i class="social-logo social-logo__stumbleupon"></i> social-logo__stumbleupon</div> |
| 444 | |
| 445 | <div class="icons__item" data-name="telegram"><i class="social-logo social-logo__telegram"></i> social-logo__telegram</div> |
| 446 | |
| 447 | <div class="icons__item" data-name="threads"><i class="social-logo social-logo__threads"></i> social-logo__threads</div> |
| 448 | |
| 449 | <div class="icons__item" data-name="tiktok-alt"><i class="social-logo social-logo__tiktok-alt"></i> social-logo__tiktok-alt</div> |
| 450 | |
| 451 | <div class="icons__item" data-name="tiktok"><i class="social-logo social-logo__tiktok"></i> social-logo__tiktok</div> |
| 452 | |
| 453 | <div class="icons__item" data-name="tumblr-alt"><i class="social-logo social-logo__tumblr-alt"></i> social-logo__tumblr-alt</div> |
| 454 | |
| 455 | <div class="icons__item" data-name="tumblr"><i class="social-logo social-logo__tumblr"></i> social-logo__tumblr</div> |
| 456 | |
| 457 | <div class="icons__item" data-name="twitch"><i class="social-logo social-logo__twitch"></i> social-logo__twitch</div> |
| 458 | |
| 459 | <div class="icons__item" data-name="twitter-alt"><i class="social-logo social-logo__twitter-alt"></i> social-logo__twitter-alt</div> |
| 460 | |
| 461 | <div class="icons__item" data-name="twitter"><i class="social-logo social-logo__twitter"></i> social-logo__twitter</div> |
| 462 | |
| 463 | <div class="icons__item" data-name="vimeo"><i class="social-logo social-logo__vimeo"></i> social-logo__vimeo</div> |
| 464 | |
| 465 | <div class="icons__item" data-name="whatsapp"><i class="social-logo social-logo__whatsapp"></i> social-logo__whatsapp</div> |
| 466 | |
| 467 | <div class="icons__item" data-name="woocommerce"><i class="social-logo social-logo__woocommerce"></i> social-logo__woocommerce</div> |
| 468 | |
| 469 | <div class="icons__item" data-name="wordpress"><i class="social-logo social-logo__wordpress"></i> social-logo__wordpress</div> |
| 470 | |
| 471 | <div class="icons__item" data-name="x"><i class="social-logo social-logo__x"></i> social-logo__x</div> |
| 472 | |
| 473 | <div class="icons__item" data-name="xanga"><i class="social-logo social-logo__xanga"></i> social-logo__xanga</div> |
| 474 | |
| 475 | <div class="icons__item" data-name="youtube"><i class="social-logo social-logo__youtube"></i> social-logo__youtube</div> |
| 476 | |
| 477 | </div> |
| 478 | |
| 479 | <h1>Usage</h1> |
| 480 | <pre><code><i class="social-logo social-logo__<span id="name">name</span>"></i></code></pre> |
| 481 | |
| 482 | |
| 483 | <footer>Generated by <a href="https://github.com/sapegin/grunt-webfont">grunt-webfont</a>.</footer> |
| 484 | |
| 485 | <script> |
| 486 | (function() { |
| 487 | document.getElementById('icons').onclick = function(e) { |
| 488 | e = e || window.event; |
| 489 | var name = e.target.getAttribute('data-name') || e.target.parentNode.getAttribute('data-name'); |
| 490 | document.getElementById('name').innerHTML = name; |
| 491 | |
| 492 | } |
| 493 | })(); |
| 494 | </script> |
| 495 | </body> |
| 496 | </html> |
| 497 | </body> |
| 498 | </html> |
| 499 |