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
492 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__xanga:before { |
| 346 | content:"\f609"; |
| 347 | } |
| 348 | |
| 349 | |
| 350 | .social-logo__youtube:before { |
| 351 | content:"\f213"; |
| 352 | } |
| 353 | |
| 354 | |
| 355 | </style> |
| 356 | </head> |
| 357 | <body> |
| 358 | <h1>social-logos</h1> |
| 359 | |
| 360 | <div class="icons" id="icons"> |
| 361 | |
| 362 | <div class="icons__item" data-name="amazon"><i class="social-logo social-logo__amazon"></i> social-logo__amazon</div> |
| 363 | |
| 364 | <div class="icons__item" data-name="behance"><i class="social-logo social-logo__behance"></i> social-logo__behance</div> |
| 365 | |
| 366 | <div class="icons__item" data-name="blogger-alt"><i class="social-logo social-logo__blogger-alt"></i> social-logo__blogger-alt</div> |
| 367 | |
| 368 | <div class="icons__item" data-name="blogger"><i class="social-logo social-logo__blogger"></i> social-logo__blogger</div> |
| 369 | |
| 370 | <div class="icons__item" data-name="codepen"><i class="social-logo social-logo__codepen"></i> social-logo__codepen</div> |
| 371 | |
| 372 | <div class="icons__item" data-name="dribbble"><i class="social-logo social-logo__dribbble"></i> social-logo__dribbble</div> |
| 373 | |
| 374 | <div class="icons__item" data-name="dropbox"><i class="social-logo social-logo__dropbox"></i> social-logo__dropbox</div> |
| 375 | |
| 376 | <div class="icons__item" data-name="eventbrite"><i class="social-logo social-logo__eventbrite"></i> social-logo__eventbrite</div> |
| 377 | |
| 378 | <div class="icons__item" data-name="facebook"><i class="social-logo social-logo__facebook"></i> social-logo__facebook</div> |
| 379 | |
| 380 | <div class="icons__item" data-name="fediverse"><i class="social-logo social-logo__fediverse"></i> social-logo__fediverse</div> |
| 381 | |
| 382 | <div class="icons__item" data-name="feed"><i class="social-logo social-logo__feed"></i> social-logo__feed</div> |
| 383 | |
| 384 | <div class="icons__item" data-name="flickr"><i class="social-logo social-logo__flickr"></i> social-logo__flickr</div> |
| 385 | |
| 386 | <div class="icons__item" data-name="foursquare"><i class="social-logo social-logo__foursquare"></i> social-logo__foursquare</div> |
| 387 | |
| 388 | <div class="icons__item" data-name="ghost"><i class="social-logo social-logo__ghost"></i> social-logo__ghost</div> |
| 389 | |
| 390 | <div class="icons__item" data-name="github"><i class="social-logo social-logo__github"></i> social-logo__github</div> |
| 391 | |
| 392 | <div class="icons__item" data-name="google-alt"><i class="social-logo social-logo__google-alt"></i> social-logo__google-alt</div> |
| 393 | |
| 394 | <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> |
| 395 | |
| 396 | <div class="icons__item" data-name="google-plus"><i class="social-logo social-logo__google-plus"></i> social-logo__google-plus</div> |
| 397 | |
| 398 | <div class="icons__item" data-name="google"><i class="social-logo social-logo__google"></i> social-logo__google</div> |
| 399 | |
| 400 | <div class="icons__item" data-name="instagram"><i class="social-logo social-logo__instagram"></i> social-logo__instagram</div> |
| 401 | |
| 402 | <div class="icons__item" data-name="link"><i class="social-logo social-logo__link"></i> social-logo__link</div> |
| 403 | |
| 404 | <div class="icons__item" data-name="linkedin"><i class="social-logo social-logo__linkedin"></i> social-logo__linkedin</div> |
| 405 | |
| 406 | <div class="icons__item" data-name="mail"><i class="social-logo social-logo__mail"></i> social-logo__mail</div> |
| 407 | |
| 408 | <div class="icons__item" data-name="mastodon"><i class="social-logo social-logo__mastodon"></i> social-logo__mastodon</div> |
| 409 | |
| 410 | <div class="icons__item" data-name="medium-alt"><i class="social-logo social-logo__medium-alt"></i> social-logo__medium-alt</div> |
| 411 | |
| 412 | <div class="icons__item" data-name="medium"><i class="social-logo social-logo__medium"></i> social-logo__medium</div> |
| 413 | |
| 414 | <div class="icons__item" data-name="nextdoor"><i class="social-logo social-logo__nextdoor"></i> social-logo__nextdoor</div> |
| 415 | |
| 416 | <div class="icons__item" data-name="patreon"><i class="social-logo social-logo__patreon"></i> social-logo__patreon</div> |
| 417 | |
| 418 | <div class="icons__item" data-name="pinterest-alt"><i class="social-logo social-logo__pinterest-alt"></i> social-logo__pinterest-alt</div> |
| 419 | |
| 420 | <div class="icons__item" data-name="pinterest"><i class="social-logo social-logo__pinterest"></i> social-logo__pinterest</div> |
| 421 | |
| 422 | <div class="icons__item" data-name="pocket"><i class="social-logo social-logo__pocket"></i> social-logo__pocket</div> |
| 423 | |
| 424 | <div class="icons__item" data-name="polldaddy"><i class="social-logo social-logo__polldaddy"></i> social-logo__polldaddy</div> |
| 425 | |
| 426 | <div class="icons__item" data-name="print"><i class="social-logo social-logo__print"></i> social-logo__print</div> |
| 427 | |
| 428 | <div class="icons__item" data-name="reddit"><i class="social-logo social-logo__reddit"></i> social-logo__reddit</div> |
| 429 | |
| 430 | <div class="icons__item" data-name="share"><i class="social-logo social-logo__share"></i> social-logo__share</div> |
| 431 | |
| 432 | <div class="icons__item" data-name="skype"><i class="social-logo social-logo__skype"></i> social-logo__skype</div> |
| 433 | |
| 434 | <div class="icons__item" data-name="spotify"><i class="social-logo social-logo__spotify"></i> social-logo__spotify</div> |
| 435 | |
| 436 | <div class="icons__item" data-name="squarespace"><i class="social-logo social-logo__squarespace"></i> social-logo__squarespace</div> |
| 437 | |
| 438 | <div class="icons__item" data-name="stumbleupon"><i class="social-logo social-logo__stumbleupon"></i> social-logo__stumbleupon</div> |
| 439 | |
| 440 | <div class="icons__item" data-name="telegram"><i class="social-logo social-logo__telegram"></i> social-logo__telegram</div> |
| 441 | |
| 442 | <div class="icons__item" data-name="threads"><i class="social-logo social-logo__threads"></i> social-logo__threads</div> |
| 443 | |
| 444 | <div class="icons__item" data-name="tiktok-alt"><i class="social-logo social-logo__tiktok-alt"></i> social-logo__tiktok-alt</div> |
| 445 | |
| 446 | <div class="icons__item" data-name="tiktok"><i class="social-logo social-logo__tiktok"></i> social-logo__tiktok</div> |
| 447 | |
| 448 | <div class="icons__item" data-name="tumblr-alt"><i class="social-logo social-logo__tumblr-alt"></i> social-logo__tumblr-alt</div> |
| 449 | |
| 450 | <div class="icons__item" data-name="tumblr"><i class="social-logo social-logo__tumblr"></i> social-logo__tumblr</div> |
| 451 | |
| 452 | <div class="icons__item" data-name="twitch"><i class="social-logo social-logo__twitch"></i> social-logo__twitch</div> |
| 453 | |
| 454 | <div class="icons__item" data-name="twitter-alt"><i class="social-logo social-logo__twitter-alt"></i> social-logo__twitter-alt</div> |
| 455 | |
| 456 | <div class="icons__item" data-name="twitter"><i class="social-logo social-logo__twitter"></i> social-logo__twitter</div> |
| 457 | |
| 458 | <div class="icons__item" data-name="vimeo"><i class="social-logo social-logo__vimeo"></i> social-logo__vimeo</div> |
| 459 | |
| 460 | <div class="icons__item" data-name="whatsapp"><i class="social-logo social-logo__whatsapp"></i> social-logo__whatsapp</div> |
| 461 | |
| 462 | <div class="icons__item" data-name="woocommerce"><i class="social-logo social-logo__woocommerce"></i> social-logo__woocommerce</div> |
| 463 | |
| 464 | <div class="icons__item" data-name="wordpress"><i class="social-logo social-logo__wordpress"></i> social-logo__wordpress</div> |
| 465 | |
| 466 | <div class="icons__item" data-name="xanga"><i class="social-logo social-logo__xanga"></i> social-logo__xanga</div> |
| 467 | |
| 468 | <div class="icons__item" data-name="youtube"><i class="social-logo social-logo__youtube"></i> social-logo__youtube</div> |
| 469 | |
| 470 | </div> |
| 471 | |
| 472 | <h1>Usage</h1> |
| 473 | <pre><code><i class="social-logo social-logo__<span id="name">name</span>"></i></code></pre> |
| 474 | |
| 475 | |
| 476 | <footer>Generated by <a href="https://github.com/sapegin/grunt-webfont">grunt-webfont</a>.</footer> |
| 477 | |
| 478 | <script> |
| 479 | (function() { |
| 480 | document.getElementById('icons').onclick = function(e) { |
| 481 | e = e || window.event; |
| 482 | var name = e.target.getAttribute('data-name') || e.target.parentNode.getAttribute('data-name'); |
| 483 | document.getElementById('name').innerHTML = name; |
| 484 | |
| 485 | } |
| 486 | })(); |
| 487 | </script> |
| 488 | </body> |
| 489 | </html> |
| 490 | </body> |
| 491 | </html> |
| 492 |