1
0
mirror of https://github.com/simple-icons/simple-icons.git synced 2024-12-26 01:13:41 +02:00
simple-icons/index.html
2015-10-16 14:08:40 +01:00

187 lines
49 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Simple Icons</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400">
<style>
html {
font-size: 16px;
}
body {
color: #666;
font-family: Lato, sans-serif;
-webkit-font-feature-settings: "dlig", "kern", "liga";
font-feature-settings: "dlig", "kern", "liga";
-webkit-font-smoothing: antialiased;
font-weight: 400;
line-height: 1.5rem;
margin: 0;
-moz-osx-font-smoothing: grayscale;
}
a {
color: #333;
}
a:focus, a:hover {
color: #999;
}
.navbar {
background: #EEE;
text-align: center;
}
.title {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.05rem;
margin: 0;
padding: 1.5rem 1.5rem 0;
text-transform: uppercase;
}
.navbar__text {
font-size: 0.75rem;
letter-spacing: 0.05rem;
margin: 0;
padding: 0 1.5rem 1.5rem;
text-transform: uppercase;
}
@media (min-width: 800px) {
.navbar {
display: flex;
justify-content: space-between;
text-align: left;
}
.title {
padding: 1.5rem;
}
.navbar__text {
padding: 1.5rem;
}
}
.hero {
font-size: 0.75rem;
letter-spacing: 0.05rem;
margin: 0 auto;
max-width: 18rem;
padding: 3rem;
text-align: center;
text-transform: uppercase;
}
.tiles {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: -0.25rem 1.25rem;
padding: 0;
}
.tiles li {
box-sizing: border-box;
background: #333;
border: 0.25rem solid #FFF;
color: #FFF;
font-size: 0.75rem;
letter-spacing: 0.05rem;
line-height: 1rem;
padding: 0;
text-transform: uppercase;
transition: all 0.05s ease-out;
width: 100%;
}
.tiles li:hover {
border: 0.125rem solid #FFF;
padding: 0.125rem 0 0 0.125rem;
}
.tiles a {
color: #FFF;
display: block;
padding: 1.25rem 0.75rem 1.25rem;
text-decoration: none;
}
.tiles svg {
float: left;
height: 2rem;
margin: -0.5rem 0.75rem 0 0;
padding: 0.5rem 0.5rem 0;
}
.hex {
opacity: 0.5;
}
@media (min-width: 500px) { .tiles li { width: 50%; } }
@media (min-width: 700px) { .tiles li { width: 33.333%; } }
@media (min-width: 1000px) { .tiles li { width: 25% } }
@media (min-width: 1200px) { .tiles li { width: 20% } }
@media (min-width: 1500px) { .tiles li { width: 16.666% } }
@media (min-width: 1800px) { .tiles li { width: 12.5% } }
.footer {
margin: 3rem;
}
.footer p {
font-size: 0.75rem;
letter-spacing: 0.05rem;
margin: 0 auto;
max-width: 31.5rem;
text-align: center;
text-transform: uppercase;
}
</style>
</head>
<body>
<header class="navbar" role="banner">
<h1 class="title">Simple Icons</h1>
<p class="navbar__text">Share on <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//simpleicons.org">Facebook</a> &amp; <a href="https://twitter.com/home?status=https%3A//simpleicons.org">Twitter</a></p>
</header>
<main role="main">
<p class="hero">45 SVG icons for popular brands <a href="https://github.com/danleech/simple-icons">Download them from GitHub</a></p>
<ul class="tiles"> <li style="background-color:#4574E0"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M7.998 16L1.07 11.998v-8L8 0l6.93 3.998L11 6.268 8 4.533 4.996 6.267v3.466l3.002 1.733 3-1.733 3.93 2.265L8 16z" fill="#fff"/></svg>Codio<br><span class="hex">#4574E0</span></a></li>
<li style="background-color:#3B5998"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.476-1.195 1.176v1.54h2.39l-.31 2.416h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill="#fff" fill-rule="nonzero"/></svg>Facebook<br><span class="hex">#3B5998</span></a></li>
<li style="background-color:#4285F4"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8.16 6.857V9.6h4.537c-.183 1.177-1.37 3.45-4.537 3.45-2.73 0-4.96-2.26-4.96-5.05s2.23-5.05 4.96-5.05c1.554 0 2.594.66 3.19 1.233l2.17-2.092C12.126.79 10.32 0 8.16 0c-4.423 0-8 3.577-8 8s3.577 8 8 8c4.617 0 7.68-3.246 7.68-7.817 0-.526-.057-.926-.126-1.326H8.16z" fill="#fff"/></svg>Google<br><span class="hex">#4285F4</span></a></li>
<li style="background-color:#3C80CA"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M7.21 15.725c-1.658.542-1.824.456-2.573-1.867l-1.835-5.68C2.366 6.833 1.032 3.207.807 2.512.392 1.22.392 1.15 2.827.357c1.91-.626 1.986-.605 2.68 1.548.56 1.735.918 3.132 1.49 4.904l1.563 4.834 4.993-1.633c.985-.324 1.314-.31 1.59.903l.202.916c.23 1.067-.308 1.338-.877 1.523L7.21 15.725z" fill="#fff" fill-rule="nonzero"/></svg>Lanyrd<br><span class="hex">#3C80CA</span></a></li>
<li style="background-color:#55ACEE"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.375-1.337.648-2.085.795-.598-.638-1.45-1.036-2.396-1.036-1.812 0-3.282 1.468-3.282 3.28 0 .258.03.51.085.75C5.152 5.39 2.733 4.084 1.114 2.1.83 2.583.67 3.147.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.416-.02-.617-.058.418 1.304 1.63 2.253 3.067 2.28-1.124.88-2.54 1.404-4.077 1.404-.265 0-.526-.015-.783-.045 1.453.93 3.178 1.474 5.032 1.474 6.038 0 9.34-5 9.34-9.338 0-.143-.004-.284-.01-.425.64-.463 1.198-1.04 1.638-1.7z" fill="#fff" fill-rule="nonzero"/></svg>Twitter<br><span class="hex">#55ACEE</span></a></li>
<li style="background-color:#005EA5"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff" fill-rule="nonzero"><path d="M1.597 8.686c.174-.425-.026-.914-.453-1.09-.42-.173-.906.033-1.08.458-.176.423.026.907.445 1.08.427.177.912-.025 1.087-.448M2.173 6.528c.175-.423-.026-.912-.454-1.09-.42-.172-.908.035-1.082.457-.175.424.027.91.447 1.083.428.177.914-.026 1.088-.45M2.984 5.8c.427.175.912-.027 1.087-.45.175-.424-.025-.914-.45-1.09-.422-.173-.91.033-1.083.456-.175.425.027.91.447 1.083M5.085 6.507c.428.177.914-.025 1.088-.448.174-.424-.026-.915-.454-1.09-.42-.174-.907.033-1.082.457-.174.422.028.908.447 1.08M14.402 8.686c.183.423.666.623 1.09.443.42-.175.62-.66.445-1.082-.177-.426-.664-.626-1.085-.452-.424.174-.627.663-.45 1.09M14.908 6.977c.425-.173.625-.66.448-1.086-.18-.422-.664-.625-1.087-.447-.425.174-.622.66-.448 1.086.177.425.664.626 1.086.447M13.006 5.806c.42-.175.622-.662.448-1.087-.177-.427-.664-.627-1.088-.454-.422.18-.623.666-.446 1.09.175.422.662.623 1.086.45M10.734 6.38c.42-.175.62-.662.446-1.083-.177-.425-.665-.626-1.09-.453-.42.18-.62.667-.444 1.093.175.42.662.62 1.088.442M6.27 3.302l.062 1.596 1.165-.614c.024.026.053.052.08.072-.12.477-.413 1.273-.595 1.713-.223.54.033 1.16.573 1.383.54.222 1.162-.036 1.386-.577.156-.377.08-.786-.164-1.078-.26-.45-.52-1.02-.664-1.457.037-.027.07-.063.096-.102l1.256.65.053-1.59-1.312.425c-.012-.02-.025-.035-.038-.05l.516-1.455-1.557-.044.462 1.427c-.04.025-.07.055-.1.087L6.27 3.302zM14.184 9.362c.106.587.124.854-.01 1.236-.19-.19-.36-.536-.498-1.06l-.58 1.856c.345-.23.608-.376.907-.38-.542 1.14-1.21 1.428-1.637 1.345-.523-.104-.765-.576-.673-.974.116-.56.7-.7.963-.045.528-1.042-.345-1.382-.91-1.08.874-.852.976-1.614.284-2.552-.974.736-.992 1.47-.566 2.51-.56-.656-1.45-.31-1.14.74.417-.632.953-.23.864.376-.073.525-.774.94-1.637.854-1.24-.117-1.305-.973-1.327-1.68.302-.055.85.234 1.313.896l.19-1.973c-.514.52-.978.624-1.49.633.176-.526.966-1.397.966-1.397l-2.467-.012s.784.874.956 1.405c-.513-.016-.974-.117-1.483-.647l.172 1.974c.467-.657 1.015-.94 1.32-.882-.032.707-.106 1.56-1.344 1.673-.864.075-1.557-.35-1.63-.874-.084-.603.46-1.003.87-.368.318-1.05-.567-1.4-1.135-.75.44-1.037.428-1.774-.546-2.518-.7.928-.6 1.696.266 2.56-.564-.312-1.44.017-.924 1.07.27-.655.85-.51.97.054.08.398-.16.866-.686.963-.43.08-1.094-.215-1.627-1.36.3.006.562.157.902.39l-.56-1.858c-.14.52-.32.864-.51 1.05-.128-.377-.11-.65.006-1.235L.57 9.717c.613.836 1.235 2.005 1.722 4.055 1.514-.253 4.096-.404 5.66-.4 1.562.01 4.143.185 5.65.454.51-2.048 1.142-3.208 1.762-4.038l-1.178-.426z"/></g></svg>GOV.UK<br><span class="hex">#005EA5</span></a></li>
<li style="background-color:#0072C6"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff" fill-rule="nonzero"><path d="M13.86 4.33c.323-.258.405-.723.178-1.077-.2-.312-.577-.44-.916-.343l-.093.05c-.54.297-4.184 2.85-3.772 3.138.408.286 2.9-.836 4.603-1.77m0 7.68c-1.702-.934-4.194-2.055-4.602-1.77-.412.288 3.232 2.842 3.77 3.138l.094.05c.34.1.715-.03.916-.342.227-.355.145-.82-.177-1.077m1.5-4.678c-.033-.003-.068-.003-.105-.003-.615 0-5.038.486-4.816.937.22.446 2.943.662 4.885.663.406-.07.7-.438.673-.858-.026-.37-.294-.665-.638-.74M3.65 11.165c-.506 1.43-.975 2.1-2.052 2.1-.105 0-.467-.02-.49-.023-.348-.018-.673.208-.766.558-.108.397.125.806.52.92.286.05.58.068.842.068 1.986 0 2.642-1.144 3.298-2.813L8.877 2.31c.14-.438-.104-.906-.54-1.045-.427-.136-.88.09-1.033.505L4.58 8.966h-.04l-2.865-7.25c-.194-.41-.673-.61-1.105-.447-.444.165-.672.65-.526 1.097l3.607 8.798z"/></g></svg>Yammer<br><span class="hex">#0072C6</span></a></li>
<li style="background-color:#125688"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M14.154 16H1.846C.826 16 0 15.173 0 14.153V1.846C0 .826.826 0 1.846 0h12.308C15.174 0 16 .826 16 1.846v12.307c0 1.02-.826 1.847-1.846 1.847M8 4.923C6.3 4.923 4.923 6.3 4.923 8S6.3 11.077 8 11.077 11.077 9.7 11.077 8C11.077 6.3 9.7 4.923 8 4.923m6.154-2.462c0-.34-.275-.614-.616-.614h-1.846c-.34 0-.615.275-.615.615V4.31c0 .34.276.615.615.615h1.846c.34 0 .616-.276.616-.615V2.46zm0 4.31H12.76c.103.392.163.804.163 1.23 0 2.72-2.204 4.923-4.923 4.923-2.72 0-4.923-2.204-4.923-4.923 0-.426.06-.838.162-1.23H1.845v6.768c0 .34.275.615.616.615h11.076c.34 0 .616-.275.616-.615v-6.77z" fill="#fff"/></svg>Instagram<br><span class="hex">#125688</span></a></li>
<li style="background-color:#0079BF"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M2 0C.895 0 0 .896 0 2v12c0 1.105.896 2 2 2h12c1.105 0 2-.896 2-2V2c0-1.105-.896-2-2-2H2zm8 2.08c-.53 0-.96.43-.96.96v5.08c0 .53.43.96.96.96h2.96c.53 0 .96-.43.96-.96V3.04c0-.53-.43-.96-.96-.96H10zm-6.96 0c-.53 0-.96.43-.96.96v9.08c0 .53.43.96.96.96H6c.53 0 .96-.43.96-.96V3.04c0-.53-.43-.96-.96-.96H3.04z" fill="#fff"/></svg>Trello<br><span class="hex">#0079BF</span></a></li>
<li style="background-color:#0077B5"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51V7.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill="#fff" fill-rule="nonzero"/></svg>LinkedIn<br><span class="hex">#0077B5</span></a></li>
<li style="background-color:#0099E5"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M14.008 13.3c-.113-.114-.21-.18-.294-.204-.085-.025-.16-.007-.22.053l-.056.054c-.58.58-1.26 1.038-2.012 1.357-.78.33-1.61.498-2.464.498-.855 0-1.684-.167-2.465-.497-.753-.318-1.43-.774-2.012-1.356-.606-.606-1.062-1.283-1.357-2.012-.287-.712-.38-1.247-.41-1.422l-.008-.04c-.04-.206-.23-.22-.504-.18-.114.02-.46.072-.428.32v.007c.093.577.255 1.143.483 1.682.367.865.89 1.642 1.56 2.31.667.668 1.445 1.192 2.31 1.558.897.38 1.85.572 2.832.572.98 0 1.933-.192 2.83-.572.866-.366 1.644-.89 2.312-1.56 0 0 .038-.036.058-.058.073-.08.137-.22-.154-.51M8.952 1.713c-.938 0-1.936.19-2.67.507-.077.03-.124.094-.134.183-.01.083.013.193.07.337.044.116.165.424.4.335.75-.286 1.58-.444 2.334-.444.857 0 1.688.17 2.47.5.62.262 1.207.642 1.844 1.194.046.04.096.06.146.06.125 0 .244-.12.346-.236.17-.19.287-.35.12-.508-.61-.576-1.276-1.007-2.1-1.355-.895-.38-1.846-.57-2.826-.57m-1.278 7.93c0 .107.098.2.156.256l.018.018c.1.098.194.148.28.148.074 0 .118-.035.134-.05.044-.04.54-.542.586-.59l.552.55c.052.06.107.087.172.09.088 0 .184-.053.286-.157.238-.244.12-.375.06-.44l-.56-.558.585-.588c.128-.14.015-.286-.098-.4-.163-.162-.32-.205-.423-.11l-.58.58-.587-.587c-.03-.03-.07-.045-.113-.045-.078 0-.17.052-.275.157-.18.18-.22.304-.125.403l.587.586-.585.583c-.048.048-.072.1-.07.153m-3.723.867c.004.01.087.24.135.352.263.624.64 1.184 1.122 1.665.48.48 1.04.858 1.663 1.122.646.273 1.332.412 2.04.412.706 0 1.392-.14 2.038-.412.625-.264 1.185-.642 1.665-1.122.48-.48.86-1.04 1.123-1.665.273-.646.41-1.332.41-2.04 0-.706-.137-1.392-.41-2.037-.264-.624-.642-1.184-1.123-1.665-.48-.48-1.04-.858-1.664-1.122-.645-.272-1.33-.41-2.038-.41-.715 0-1.43.14-2.067.41-.51.216-1.37.77-1.875 1.29l-.003.004V.984h7.24c.264-.003.264-.37.264-.492 0-.12 0-.49-.263-.492h-7.83c-.212 0-.344.177-.344.342v6.066c0 .196.244.337.47.386.443.094.545-.047.653-.197l.015-.02c.166-.245.683-.765.688-.77C6.665 5 7.743 4.554 8.895 4.554c1.146 0 2.222.445 3.03 1.25.808.81 1.254 1.883 1.254 3.02 0 1.143-.445 2.216-1.25 3.02-.795.796-1.906 1.252-3.047 1.252-.773 0-1.52-.206-2.16-.596l.004-3.688c0-.49.214-1.026.57-1.43.41-.462.973-.716 1.587-.716.595 0 1.15.226 1.565.636.41.407.636.95.636 1.527 0 1.232-.97 2.198-2.207 2.198-.24 0-.673-.106-.69-.11-.25-.075-.357.272-.392.387-.135.44.068.527.11.54.398.123.66.147 1 .147 1.748 0 3.17-1.422 3.17-3.17 0-1.734-1.42-3.144-3.167-3.144-.854 0-1.657.327-2.26.92-.575.565-.905 1.32-.905 2.067v.02c-.003.092-.004 2.304-.005 3.03l-.003-.004c-.33-.363-.653-.92-.868-1.488-.086-.223-.276-.183-.536-.103-.114.034-.46.14-.383.39l.002.003z" fill="#fff" fill-rule="nonzero"/></svg>500px<br><span class="hex">#0099E5</span></a></li>
<li style="background-color:#21759B"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M14.312 4.55c.56 1.024.88 2.2.88 3.45 0 2.653-1.438 4.97-3.576 6.217l2.197-6.352c.41-1.026.547-1.847.547-2.576 0-.266-.018-.512-.048-.74m-5.32.077c.432-.022.822-.068.822-.068.388-.047.342-.616-.045-.594 0 0-1.167.092-1.92.092-.705 0-1.893-.092-1.893-.092-.388-.022-.433.57-.046.593 0 0 .368.045.756.067l1.12 3.07-1.574 4.72-2.62-7.79c.434-.022.824-.068.824-.068.387-.047.342-.616-.046-.594 0 0-1.165.092-1.917.092-.135 0-.294-.004-.463-.01C3.276 2.1 5.487.81 8 .81c1.872 0 3.577.715 4.857 1.888-.03-.002-.06-.006-.093-.006-.707 0-1.208.615-1.208 1.276 0 .593.342 1.095.706 1.687.274.48.594 1.095.594 1.984 0 .615-.237 1.33-.548 2.325l-.717 2.397-2.6-7.733zM8 15.193c-.706 0-1.387-.104-2.032-.293l2.158-6.27 2.21 6.056c.016.035.033.068.052.1-.747.262-1.55.407-2.388.407M.807 8c0-1.043.224-2.033.623-2.927l3.43 9.4C2.463 13.307.808 10.847.808 8M8 0C3.59 0 0 3.59 0 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8" fill="#fff" fill-rule="nonzero"/></svg>WordPress<br><span class="hex">#21759B</span></a></li>
<li style="background-color:#1AB7EA"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.992 4.275c-.07 1.56-1.16 3.697-3.263 6.41-2.176 2.832-4.017 4.248-5.522 4.248-.933 0-1.722-.862-2.367-2.588L3.55 7.6c-.48-1.724-.993-2.587-1.542-2.587-.12 0-.538.252-1.255.755L0 4.796C.79 4.1 1.568 3.406 2.335 2.71c1.053-.912 1.844-1.39 2.37-1.44 1.246-.12 2.012.733 2.3 2.56.31 1.97.526 3.194.647 3.673.36 1.634.754 2.45 1.185 2.45.335 0 .838-.53 1.51-1.59.67-1.06 1.028-1.866 1.076-2.42.096-.915-.263-1.374-1.077-1.374-.383 0-.778.087-1.185.262.788-2.58 2.29-3.834 4.508-3.762 1.644.048 2.42 1.116 2.324 3.205z" fill="#fff" fill-rule="nonzero"/></svg>Vimeo<br><span class="hex">#1AB7EA</span></a></li>
<li style="background-color:#11B48A"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.013 7.954c-.412.095-.81.137-1.17.137-2.018 0-3.572-1.41-3.572-3.86 0-1.202.465-1.827 1.122-1.827.625 0 1.042.56 1.042 1.7 0 .645-.173 1.354-.3 1.774 0 0 .62 1.085 2.322.752.36-.803.557-1.842.557-2.753 0-2.45-1.25-3.877-3.54-3.877-2.356 0-3.734 1.81-3.734 4.198 0 2.365 1.105 4.395 2.928 5.32-.767 1.533-1.742 2.884-2.76 3.902C6.064 11.19 4.395 8.212 3.71 2.403H.987c1.258 9.675 5.007 12.755 5.998 13.347.56.336 1.044.32 1.556.032.806-.458 3.223-2.875 4.563-5.705.562-.002 1.238-.066 1.91-.218V7.953z" fill="#fff" fill-rule="nonzero"/></svg>Vine<br><span class="hex">#11B48A</span></a></li>
<li style="background-color:#56B68B"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff" fill-rule="nonzero"><path d="M6.586 7.33l.69 2.057 2.137-.716-.69-2.056-2.137.716z"/><path d="M12.55 9.37l-1.037.347.36 1.073c.145.434-.09.904-.524 1.05-.096.03-.19.045-.287.042-.338-.01-.65-.226-.765-.566l-.36-1.072-2.138.716.36 1.072c.145.435-.09.905-.523 1.05-.096.032-.192.045-.286.043-.34-.01-.65-.226-.764-.566l-.36-1.075-1.037.348c-.096.03-.19.045-.286.042-.34-.008-.65-.226-.765-.565-.146-.434.09-.904.522-1.05L5.7 9.914l-.69-2.058-1.037.347c-.094.032-.19.045-.285.043-.338-.01-.65-.226-.765-.566-.145-.434.09-.904.523-1.05l1.037-.347-.36-1.073c-.145-.434.09-.904.524-1.05.435-.145.905.09 1.05.524l.36 1.072 2.137-.716-.36-1.072c-.144-.435.09-.905.524-1.05.435-.145.906.09 1.05.523l.36 1.075 1.037-.347c.434-.146.904.088 1.05.522.145.434-.09.904-.523 1.05l-1.037.347.69 2.057 1.036-.347c.435-.145.905.09 1.05.523.146.434-.09.904-.522 1.05zm2.78-3.57C13.68.304 11.298-.98 5.8.67.304 2.32-.98 4.7.67 10.2c1.65 5.497 4.03 6.78 9.53 5.13 5.497-1.65 6.78-4.03 5.13-9.53z"/></g></svg>Slack<br><span class="hex">#56B68B</span></a></li>
<li style="background-color:#00B057"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M.5 0h15v3.98H.5zm0 6.01h11.497v3.98H.5zm0 6.01h15V16H.5z" fill="#FFF" fill-rule="nonzero"/></svg>Koding<br><span class="hex">#00B057</span></a></li>
<li style="background-color:#05CC47"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.8 3.196l.152-.287V0h-2.91l-.29.293L8.38 2.91l-.432.29h-4.9v3.995h2.694l.24.29-2.783 5.32-.152.286V16h2.91l.29-.293L7.62 13.09l.432-.29h4.9V8.805h-2.694l-.24-.292 2.783-5.317z" fill="#fff" fill-rule="nonzero"/></svg>DeviantArt<br><span class="hex">#05CC47</span></a></li>
<li style="background-color:#5AB552"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff"><path d="M3.85 2.273c.286-.167.583-.315.893-.444.655-.273 1.33-.44 2.024-.508l.752.857-.345.88c-.678.136-1.316.382-1.914.74l-.13.08-.125-1.16L3.85 2.27z"/><path d="M3.523 2.48l1.194.46.125 1.14c-.646.475-1.15 1.082-1.51 1.82-.034.066-.064.132-.093.2l-.835-1.02-1.37.29c.34-.736.8-1.394 1.375-1.974.345-.347.715-.652 1.113-.917zm7.857 8.036c.13-.216.235-.435.32-.66l1.292 1.567 2.17-.468c-.124.342-.272.677-.442 1.005-.446.86-1.034 1.606-1.765 2.24-.742.642-1.58 1.11-2.515 1.406-.018.006-.037.01-.055.017l-1.608-1.36.42-1.85.033-.014c.92-.393 1.638-1.02 2.15-1.885z"/><path d="M14.097 3.2c.133.183.257.373.375.57.495.832.837 1.722 1.027 2.67.186.94.212 1.886.08 2.835-.067.456-.167.9-.303 1.335l-2.166.466-1.3-1.572c.157-.578.17-1.18.04-1.806-.15-.743-.473-1.377-.97-1.9l2.34-.28.876-2.318zM.885 5.72l1.4-.296.824 1.006c-.255.723-.318 1.474-.19 2.254.033.222.082.437.144.646l-1.478-.337-1.06 1.254c-.128-.555-.19-1.123-.19-1.703.002-.967.18-1.9.538-2.8l.01-.025z"/><path d="M3.18 9.677c.213.562.526 1.076.94 1.544.31.356.66.65 1.042.88l-1.467.84.08 1.91c-.484-.3-.93-.66-1.334-1.077-.68-.698-1.2-1.5-1.562-2.404-.1-.25-.184-.5-.256-.75l1.083-1.28 1.477.337z"/><path d="M5.482 12.276c.315.157.653.277 1.012.36.805.186 1.59.155 2.353-.094L8.43 14.38l1.592 1.347c-.796.208-1.61.297-2.44.267-.97-.03-1.902-.236-2.794-.616-.24-.102-.47-.215-.694-.34l-.08-1.922 1.468-.84zm8.39-9.37l-.875 2.325-2.41.286c-.07-.06-.142-.12-.218-.177C9.58 4.74 8.69 4.39 7.7 4.29c-.226-.02-.445-.028-.66-.02l.84-2.153L6.067.052C6.613.005 7.158-.01 7.7.006c.327.01.65.034.973.075.453.06.9.153 1.343.28.937.262 1.79.69 2.562 1.282.486.374.918.796 1.295 1.266z"/></g></svg>Event Store<br><span class="hex">#5AB552</span></a></li>
<li style="background-color:#64D448"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M11.665 9.588c-.2-.1-1.177-.578-1.36-.644-.182-.067-.315-.1-.448.1-.132.197-.514.643-.63.775-.116.132-.232.148-.43.05-.2-.1-.842-.31-1.602-.984-.592-.525-.99-1.174-1.107-1.373-.116-.198-.013-.305.087-.404.09-.09.2-.232.3-.348.098-.116.13-.198.198-.33.066-.133.033-.248-.017-.348-.05-.1-.448-1.074-.614-1.47-.16-.387-.325-.334-.448-.34-.115-.006-.248-.007-.38-.007-.134 0-.35.05-.532.247-.182.2-.696.678-.696 1.653s.713 1.917.812 2.05c.1.132 1.404 2.133 3.4 2.99.476.205.846.327 1.136.418.476.15.91.13 1.253.08.383-.058 1.178-.48 1.344-.943.167-.463.167-.86.117-.943-.05-.083-.182-.133-.382-.232m-3.632 4.935H8.03c-1.187 0-2.353-.318-3.37-.918l-.24-.143-2.507.654.67-2.43-.16-.25c-.662-1.05-1.012-2.263-1.01-3.508 0-3.633 2.97-6.59 6.623-6.59 1.77.002 3.43.688 4.68 1.934 1.252 1.245 1.94 2.9 1.94 4.662-.003 3.633-2.973 6.59-6.623 6.59m5.636-12.2C12.164.828 10.164.002 8.032 0 3.643 0 .07 3.556.067 7.928c0 1.397.366 2.76 1.063 3.964L0 16l4.223-1.102c1.164.63 2.474.964 3.807.965h.004c4.39 0 7.964-3.557 7.966-7.93 0-2.117-.827-4.11-2.33-5.608" fill="#fff"/></svg>WhatsApp<br><span class="hex">#64D448</span></a></li>
<li style="background-color:#467126"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff" fill-rule="nonzero"><path d="M8.827.002V1.55c.86.107 1.958.415 2.984 1.197l-.79 1.072-.01-.003s-.822-.696-2.184-.914v4.272h4.22c-.082-.607-.293-1.34-.775-2.08l1.124-.748s.84 1.14 1.015 2.83h1.588L16 .002H8.827zM11.717 15.47l-.4.065-.87-5.363.232-.037 4.377-.01-3.767 2.71.427 2.636zM8.825 8.826V16h7.172V8.827l-7.172-.002zM4.303 13.328l.79-1.07h.012s.775.658 2.068.895V8.825H3.06c.073.622.28 1.384.783 2.157l-1.123.746s-.864-1.174-1.02-2.904H0v7.173h7.173v-1.486c-.842-.12-1.89-.433-2.87-1.182zM3.318 1.312c-.113 0-.206.07-.206.156s.092.155.206.155c.113 0 .205-.07.206-.155 0-.086-.093-.156-.206-.156z"/><path d="M3.337 1.74c-.334 0-.604-.27-.604-.6 0-.33.27-.598.604-.598.334 0 .604.27.604.6 0 .33-.27.598-.603.598zm-.89.04l-.692.35c-.062-.076-.11-.137-.16-.206l-.873.326-.184-.29 1.375-.285.297-.062.486-.1-.413.154c.053.04.098.073.163.114zM1.116.51c.253.383.552.698.935.988l-.674.12C1.125 1.26.91.912.71.485l.406.024zM.002 0v7.173h1.605c-.068-.656-.14-2.537.988-4.098 0 0-.25-.24-.587-.634l-.736.63-.318-.278 1.912-1.088-.225.192c.27.155.547.28.814.37 0 0 .93-.52 1.85-1.772L5.525.5c-.17.556-.697 1.514-1.53 2.286 0 0 2.206.955 2.707 2.593-.134-.086-.927-.25-1.316-.16-.063-.11-.81-1.62-1.93-1.6 0 0-.252.297-.485 1.075-.206.69-.117 2.142-.09 2.48h4.295V0H.004z"/></g></svg>Geocaching<br><span class="hex">#467126</span></a></li>
<li style="background-color:#6Fb536"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M11.277 7.568c-.216-.007-.424.006-.618.037.054-.44.236-.98.88-.96.714.026.814.7.816 1.157-.3-.134-.673-.22-1.08-.234m3.052-4.784c-.12-.64-.5-.953-.842-1.077-.37-.134-1.12-.273-2.064-.384-.76-.09-1.652-.082-2.19-.065C9.166.815 8.855.41 8.507.27 7.582-.103 6.15-.013 5.784.09c-.293.082-.616.25-.796.507-.12.172-.198.392-.2.7 0 .175.006.586.01.95l.01.697c0 .326-.265.59-.592.59H2.714c-.32 0-.565.055-.752.14-.187.085-.32.2-.42.335-.2.268-.236.6-.235.94 0 0 .003.277.07.813.055.415.505 3.314.933 4.196.165.342.276.485.6.636.727.31 2.384.657 3.16.756.776.1 1.263.307 1.553-.3 0-.003.058-.152.136-.372.25-.763.286-1.44.286-1.93 0-.05.073-.05.073 0 0 .346-.067 1.57.858 1.898.365.13 1.122.245 1.89.336.697.08 1.2.353 1.2 2.138 0 1.085-.227 1.234-1.42 1.234-.965 0-1.334.025-1.334-.742 0-.62.614-.556 1.07-.556.202 0 .055-.15.055-.534 0-.38.237-.6.012-.606-1.573-.044-2.5-.002-2.5 1.965 0 1.785.685 2.117 2.917 2.117 1.75 0 2.366-.057 3.09-2.3.142-.442.488-1.793.697-4.06.132-1.435-.125-5.764-.33-6.856M2.645 3.1h1.502c.086 0 .156-.07.156-.156 0 0-.018-1.288-.018-1.646v-.004c0-.294.06-.55.17-.765l.05-.097c-.006 0-.01.003-.017.01L1.57 3.334c-.006.005-.01.01-.012.017l.155-.076c.254-.114.562-.177.93-.177" fill="#fff" fill-rule="nonzero"/></svg>Evernote<br><span class="hex">#6Fb536</span></a></li>
<li style="background-color:#A4C639"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M14.77 6.16c0-.544-.44-.986-.986-.986s-.988.442-.988.988v4.135c0 .546.443.987.99.988.544 0 .986-.442.986-.988V6.16zM3.587 5.363l.002 6.408c0 .583.47 1.054 1.054 1.054h.717v2.188c0 .545.443.988.987.988.545 0 .987-.443.988-.988v-2.188h1.332v2.188c0 .544.444.988.988.987.546 0 .988-.444.988-.99v-2.186h.72c.58 0 1.053-.472 1.053-1.055V5.36l-8.83.002zm6.44-1.956c-.207 0-.374-.166-.374-.373 0-.204.167-.373.373-.374.204 0 .372.17.372.373 0 .206-.167.373-.372.373m-4.05 0c-.206 0-.373-.166-.373-.372 0-.205.167-.373.372-.373.207 0 .374.17.374.374 0 .206-.167.373-.374.373m4.205-1.945l.688-1.26c.037-.065.013-.148-.054-.186-.067-.035-.15-.01-.185.055L9.93 1.344c-.586-.26-1.24-.407-1.935-.406-.69 0-1.347.145-1.93.404L5.37.074c-.036-.067-.12-.09-.186-.055-.067.036-.09.12-.054.186l.69 1.257c-1.355.7-2.27 2.03-2.27 3.558h8.896c0-1.528-.914-2.856-2.267-3.556M2.215 5.175c-.546 0-.988.443-.988.988v4.135c0 .547.443.988.99.988.544 0 .986-.44.986-.988V6.162c0-.545-.443-.987-.988-.987" fill="#fff" fill-rule="nonzero"/></svg>Android<br><span class="hex">#A4C639</span></a></li>
<li style="background-color:#9DB63B"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M1.646 14.93S-.82 9.035 3.6 4.64C7.61.646 13.666.028 14.717 0c0 0 1.626 5.337-2.434 11.387-4.055 6.05-9.68 4.41-9.68 4.41S8.16 8.713 7.49 8.757c-.467.027-3.383 3.237-5.844 6.174" fill="#fff" fill-rule="nonzero"/></svg>Khan Academy<br><span class="hex">#9DB63B</span></a></li>
<li style="background-color:#F5C300"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M9.746 0l-3.76 4.36-5.63-1.215L6.142 8.06.45 13.035l5.608-1.323L9.898 16l.473-5.734 5.274-2.322-5.316-2.22L9.746 0z" fill="#fff" fill-rule="nonzero"/></svg>Spreaker<br><span class="hex">#F5C300</span></a></li>
<li style="background-color:#F4BD27"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M5.24 16L1.6 13.447V0l3.664 1.122v9.042l-3.558 3.17 8.683-4.567-2.408-1.09-1.63-3.53L14.4 6.61v3.932L5.24 16z" fill="#fff" fill-rule="nonzero"/></svg>Bing<br><span class="hex">#F4BD27</span></a></li>
<li style="background-color:#FBB631"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff" fill-rule="nonzero"><path d="M6.6 12.822c-.397-.896-.614-1.866-.638-2.84-.642.993-1.127 1.992-1.45 2.737-.016.035-.253.622-.322.804-.086.226.03.488.256.575.182.07.776.286.813.298.762.256 1.816.56 2.97.748-.683-.66-1.24-1.452-1.63-2.324zM8.14 5.59C5.885.983.875 1.148.085 3.207c-.607 1.582 2.048 5.35 8.16 2.63l.002-.003c-.02-.038-.092-.2-.107-.242zM9.2 5.275C7.95 2.178 10.135.4 11.337.862c.893.343 1.375 3.012-2.076 4.55H9.26c-.008-.023-.05-.115-.06-.137zM15.607 8.785C15.084 7.61 14.125 6.77 13.01 6.37c-.112-.042-.227-.06-.34-.06-.58 0-1.138.482-1.19 1.084-.09 1.004.11 2.026.55 3.01.43.973 1.044 1.794 1.833 2.397.205.16.456.233.707.233.452 0 .903-.24 1.082-.67.46-1.104.482-2.393-.045-3.578z"/><path d="M12.987 13.946c-.965-.74-1.73-1.733-2.274-2.954-.552-1.24-.777-2.492-.67-3.724.03-.343.13-.674.292-.976l-.092.023c-.508.127-1 .348-1.437.635-.633.417-1.192 1.034-1.432 1.764-.065.197-.114.413-.13.62-.077.986.084 2.006.514 2.973.417.936 1.04 1.716 1.79 2.31.456.365 1.28.594 1.954.594.633 0 1.257-.188 1.818-.473.175-.09.56-.33.586-.348-.334-.087-.648-.237-.92-.444z"/></g></svg>Swarm<br><span class="hex">#FBB631</span></a></li>
<li style="background-color:#F08C35"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M.932 3.03c.245.056.424.276.424.53v7.183c0 .62.065 1.216.172 1.763.31 1.543 1.502 2.776 3.012 3.143.947.228 2.024.35 3.167.35 1.135 0 2.212-.122 3.15-.35 1.57-.368 2.793-1.65 3.07-3.242.082-.49.13-1.02.13-1.567V2.303l.01-.947c0-.54.138-.743.652-.833L15.592.4c.04-.008.09-.033.122-.065.09-.09.09-.245 0-.335h-2.498c-1.387 0-2.27.596-2.27 2.392v8.31c0 .71-.105 1.388-.277 1.95-.204.654-.685 1.193-1.298 1.47-.62.286-1.436.458-2.326.458-.84 0-1.625-.156-2.23-.417-.635-.27-1.158-.898-1.346-1.47-.18-.58-.293-1.362-.293-1.99V3.558c0-.262.187-.482.44-.53l.768-.124c.04-.008.08-.024.106-.057.082-.083.082-.213 0-.295H.28c-.083.082-.083.212 0 .294.023.023.064.04.097.056l.555.123z" fill="#fff" fill-rule="nonzero"/></svg>Udacity<br><span class="hex">#F08C35</span></a></li>
<li style="background-color:#F45800"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M5.728 1.63c0-.217.022-.347.392-.347h4.978c.87 0 1.348.74 1.695 2.13l.283 1.11h.848C14.076 1.37 14.207 0 14.207 0s-2.13.24-3.392.24h-6.37L1.034.13v.913l1.152.218c.804.153 1 .327 1.065 1.066 0 0 .065 2.174.065 5.76 0 3.588-.065 5.74-.065 5.74 0 .652-.26.89-1.065 1.044l-1.152.217V16l3.413-.11h5.695c1.284 0 4.262.11 4.262.11.065-.783.5-4.326.565-4.717h-.804l-.848 1.934c-.674 1.522-1.652 1.63-2.74 1.63H7.338c-1.087 0-1.61-.434-1.61-1.37V8.523s2.414 0 3.197.065c.61.043.978.217 1.174 1.065l.26 1.13h.935l-.065-2.847.13-2.87h-.934l-.304 1.26c-.196.827-.327.98-1.174 1.066-1.11.11-3.218.088-3.218.088V1.63z" fill="#fff"/></svg>Etsy<br><span class="hex">#F45800</span></a></li>
<li style="background-color:#EE6123"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8.72 14.2c-.898.016-1.553-.273-1.593-1.057-.015-.295-.01-.608.004-.798.088-1.146.89-1.97 1.682-2.13.984-.197 1.64.254 1.64 1.542 0 .87-.242 2.417-1.732 2.443zM7.964 0C3.554 0 0 3.538 0 8.165c0 2.4 1.283 4.717 3.088 6.11.347.268.76.243 1 .013.198-.193.182-.66-.19-.987-1.443-1.267-2.44-3.188-2.44-5.106 0-3.446 3.06-6.345 6.506-6.345 4.194 0 6.437 3.406 6.437 6.293 0 1.764-.86 3.895-2.42 5.253.004-.006.325-.637.325-1.867 0-2.095-1.327-3.23-2.866-3.23-1.115 0-1.782.4-2.236.77 0-.852.028-2.444.028-2.444 0-1.052-.368-1.893-1.652-1.91-.742-.012-1.294.33-1.637 1.1-.124.288-.08.602.166.744.202.118.535.03.7-.19.11-.137.172-.167.268-.156.157.017.163.27.17.433.004.125.126 1.937.06 6.593 0 1.285 1.007 2.76 3.42 2.76 1.037 0 1.834-.29 2.993-.948C13.485 14.05 16 11.827 16 8.07 16 3.37 12.196 0 7.964 0" fill="#fff" fill-rule="nonzero"/></svg>Bitly<br><span class="hex">#EE6123</span></a></li>
<li style="background-color:#FF3300"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff" fill-rule="nonzero"><path d="M.773 8.13c-.034 0-.062.03-.067.066L.55 9.633l.156 1.405c.005.038.033.065.067.065.033 0 .06-.027.066-.065l.178-1.405-.18-1.437C.835 8.158.807 8.13.774 8.13M.18 8.682c-.032 0-.06.025-.063.062L0 9.634l.117.872c.004.037.03.063.064.063s.06-.027.065-.063l.14-.874-.14-.89c-.005-.036-.03-.06-.064-.06M1.4 7.85c-.04 0-.075.033-.08.078l-.148 1.705.15 1.643c.003.045.037.078.08.078.04 0 .074-.033.08-.078l.17-1.643-.17-1.705c-.006-.045-.04-.078-.08-.078M2.035 7.79c-.05 0-.09.04-.094.092l-.14 1.75.14 1.696c.005.052.045.092.095.092s.09-.04.094-.092l.16-1.695-.16-1.752c-.006-.05-.046-.09-.095-.09M2.78 11.342zM2.78 8.008c-.003-.06-.05-.106-.106-.106-.058 0-.104.046-.108.107l-.133 1.623.133 1.71c.004.06.05.105.108.105.057 0 .103-.046.107-.106l.152-1.71-.15-1.624zM3.318 6.87c-.065 0-.118.053-.12.12L3.07 9.634l.125 1.71c.003.065.056.118.12.118.065 0 .118-.053.122-.12l.14-1.708-.14-2.644c-.005-.067-.058-.12-.122-.12M3.957 6.262c-.072 0-.132.058-.135.133l-.117 3.248.117 1.698c.003.076.063.134.135.134.072 0 .13-.058.135-.133v.002l.132-1.7-.132-3.247c-.004-.075-.063-.133-.135-.133M4.62 5.968c-.08 0-.144.065-.147.148l-.11 3.52.11 1.68c.003.08.068.146.148.146.08 0 .146-.065.15-.147l.123-1.68-.123-3.52c-.004-.082-.07-.147-.15-.147M5.443 5.997c-.003-.09-.074-.16-.162-.16-.088 0-.16.07-.16.16l-.102 3.638.1 1.67c.003.09.074.16.163.16.09 0 .16-.07.163-.16l.113-1.67-.113-3.638zM5.443 11.304zM5.945 5.915c-.096 0-.173.077-.175.175l-.093 3.545.093 1.654c.002.096.08.173.175.173.096 0 .174-.077.176-.175v.002l.105-1.655L6.12 6.09c0-.098-.08-.175-.175-.175M6.615 6.03c-.104 0-.187.084-.19.19l-.084 3.416.086 1.643c.002.104.085.186.19.186.103 0 .186-.082.19-.188l.093-1.642-.095-3.416c-.003-.106-.086-.19-.19-.19M7.402 5.403c-.032-.02-.07-.034-.112-.034-.04 0-.078.01-.11.032-.054.036-.092.098-.093.17v.038L7.01 9.635l.077 1.634v.006c.003.045.02.087.048.12.037.045.093.074.155.074.055 0 .106-.023.142-.06.037-.036.06-.087.06-.142l.01-.162.077-1.47-.087-4.065c0-.07-.037-.13-.09-.167M7.493 11.27v-.002zM8.072 5.018c-.032-.02-.07-.03-.11-.03-.05 0-.1.017-.137.048-.048.04-.08.1-.08.167v.022l-.09 4.41.047.817.043.793c.002.118.1.215.217.215.118 0 .215-.097.217-.216v.002l.095-1.61-.096-4.433c-.002-.08-.045-.147-.108-.185M14.032 7.538c-.27 0-.527.055-.76.153-.158-1.773-1.645-3.164-3.46-3.164-.443 0-.876.087-1.258.235-.15.06-.188.117-.19.232v6.246c.002.12.095.215.213.226h5.455c1.087 0 1.968-.87 1.968-1.958 0-1.087-.88-1.968-1.968-1.968"/></g></svg>SoundCloud<br><span class="hex">#FF3300</span></a></li>
<li style="background-color:#DD4B39"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff"><path d="M5.09 7.273v1.745H7.98c-.116.75-.873 2.197-2.887 2.197-1.737 0-3.155-1.44-3.155-3.215S3.353 4.785 5.09 4.785c.99 0 1.652.422 2.03.786l1.382-1.33c-.887-.83-2.037-1.33-3.41-1.33C2.275 2.91 0 5.184 0 8s2.276 5.09 5.09 5.09c2.94 0 4.888-2.065 4.888-4.974 0-.334-.036-.59-.08-.843H5.09zM16 7.273h-1.455V5.818H13.09v1.455h-1.454v1.454h1.455v1.455h1.455V8.727H16"/></g></svg>Google+<br><span class="hex">#DD4B39</span></a></li>
<li style="background-color:#CD201F"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M6.348 10.075V5.58l4.323 2.255-4.322 2.24zM15.84 4.8s-.156-1.102-.636-1.587c-.608-.637-1.29-.64-1.603-.678-2.238-.162-5.596-.162-5.596-.162h-.008s-3.358 0-5.597.162c-.314.038-.996.04-1.604.678C.316 3.698.16 4.8.16 4.8S0 6.097 0 7.39v1.215c0 1.294.16 2.59.16 2.59s.156 1.1.636 1.587c.608.637 1.408.617 1.764.684 1.28.123 5.44.16 5.44.16s3.362-.004 5.6-.166c.314-.038.996-.04 1.604-.678.48-.486.636-1.588.636-1.588S16 9.9 16 8.604V7.39c0-1.294-.16-2.59-.16-2.59" fill="#fff" fill-rule="nonzero"/></svg>YouTube<br><span class="hex">#CD201F</span></a></li>
<li style="background-color:#E12828"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff"><path d="M0 0h5.16v16H0zM5.677 5.677h5.16v5.16h-5.16zM5.677 0H16v5.16H5.677z"/></g></svg>Flipboard<br><span class="hex">#E12828</span></a></li>
<li style="background-color:#EC4047"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff" fill-rule="nonzero"><path d="M15.204.002L.782 0 .777 9.18H3.27c2.053.04 1.862 1.434 2.042 2.705.183 1.292 1.418 1.925 2.455 1.925 1.357 0 2.43-1.164 2.43-2.55 0-1.07-.49-1.84-2.6-2.74C5.204 7.51 4.6 6.084 4.6 4.696c0-2.27 1.735-3.79 3.75-3.79 1.057 0 2.208.338 2.988 1.217.63.71.857 1.427.832 2.312-.01.388-.056.885.73.896l2.304.005V.002z"/><path d="M15.223 6.62l-2.174-.008s-2.3.18-2.17-1.584c.06-.85-.19-1.498-.366-1.77-.458-.71-1.223-1.064-2.146-1.064-1.357 0-2.354 1.13-2.354 2.313 0 1.03.5 2.183 2.63 3.008 1.847.713 2.996 1.954 2.996 3.68 0 1.818-1.382 3.94-3.87 3.94-1.28 0-2.44-.305-3.328-1.576-.452-.647-.626-1.48-.656-2.314-.025-.64-.194-.78-.633-.78l-2.37.007V16h14.433V6.7l.007-.08z"/></g></svg>Sauce Labs<br><span class="hex">#EC4047</span></a></li>
<li style="background-color:#BD081C"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.582 0 0 3.582 0 8c0 3.39 2.108 6.285 5.084 7.45-.07-.633-.133-1.604.028-2.295.146-.625.938-3.977.938-3.977s-.24-.48-.24-1.188c0-1.11.646-1.943 1.448-1.943.683 0 1.012.513 1.012 1.127 0 .687-.436 1.713-.662 2.664-.19.797.4 1.445 1.185 1.445 1.42 0 2.514-1.498 2.514-3.662 0-1.915-1.376-3.254-3.342-3.254-2.276 0-3.61 1.707-3.61 3.472 0 .687.263 1.424.593 1.825.066.08.075.15.057.23-.06.252-.196.796-.223.907-.035.146-.115.178-.268.107-.998-.465-1.624-1.926-1.624-3.1 0-2.524 1.834-4.84 5.287-4.84 2.774 0 4.932 1.977 4.932 4.62 0 2.757-1.74 4.977-4.153 4.977-.81 0-1.572-.422-1.833-.92l-.5 1.902c-.18.695-.667 1.566-.994 2.097.75.232 1.545.357 2.37.357 4.417 0 8-3.582 8-8s-3.583-8-8-8z" fill="#fff" fill-rule="nonzero"/></svg>Pinterest<br><span class="hex">#BD081C</span></a></li>
<li style="background-color:#EF3F56"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.533 6.84L8.77 10.45c-.213.204-.486.306-.76.306-.273 0-.547-.102-.76-.306L3.488 6.84c-.437-.418-.45-1.113-.032-1.55.42-.438 1.114-.452 1.55-.033l3.005 2.88 3.005-2.88c.436-.42 1.13-.405 1.55.032.42.437.405 1.13-.032 1.55zm3.388-5.028c-.207-.572-.755-.956-1.363-.956H1.45c-.6 0-1.144.376-1.357.936-.063.166-.095.34-.095.515v4.828l.055.96c.232 2.184 1.365 4.092 3.12 5.423.03.024.063.047.095.07l.02.015c.94.687 1.992 1.152 3.128 1.382.524.105 1.06.16 1.592.16.492 0 .986-.046 1.472-.136.058-.013.116-.023.175-.037.016-.002.033-.01.05-.018 1.088-.237 2.098-.69 3.004-1.352l.02-.014.096-.072c1.754-1.33 2.887-3.24 3.12-5.423l.054-.96V2.307c0-.167-.02-.333-.08-.495z" fill="#fff" fill-rule="nonzero"/></svg>Pocket<br><span class="hex">#EF3F56</span></a></li>
<li style="background-color:#F94877"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M11.822 2.31l-.358 1.866c-.043.202-.297.415-.533.415H7.608c-.374 0-.642.256-.642.63v.406c0 .374.27.64.644.64h2.82c.263 0 .523.29.465.57-.057.283-.325 1.682-.357 1.837-.033.154-.21.42-.524.42H7.712c-.42 0-.546.053-.826.402-.28.35-2.804 3.378-2.804 3.378-.025.03-.05.02-.05-.01V2.282c0-.24.207-.52.518-.52h6.85c.25 0 .486.237.422.547zm.3 7.32c.096-.385 1.164-5.856 1.52-7.59M12.327 0H3.792C2.615 0 2.27.886 2.27 1.443v13.56c0 .627.336.86.526.937.19.077.713.142 1.027-.22 0 0 4.03-4.675 4.098-4.744.106-.105.106-.105.21-.105h2.607c1.095 0 1.27-.78 1.386-1.24.095-.385 1.163-5.856 1.52-7.59C13.916.713 13.58 0 12.326 0z" fill="#fff" fill-rule="nonzero"/></svg>Foursquare<br><span class="hex">#F94877</span></a></li>
<li style="background-color:#F80046"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M4.366 12.52c-1.237 0-2.248-.226-3.065-1.068l1.273-1.272c.42.42 1.158.568 1.804.568.784 0 1.158-.26 1.158-.726 0-.194-.045-.353-.158-.478-.102-.102-.273-.182-.534-.216l-.976-.136c-.715-.102-1.26-.34-1.623-.715-.375-.386-.556-.93-.556-1.623C1.688 5.378 2.8 4.3 4.638 4.3c1.16 0 2.033.272 2.725.965l-1.25 1.248c-.51-.51-1.18-.477-1.53-.477-.693 0-.977.398-.977.75 0 .102.034.25.16.374.1.102.27.204.555.24l.977.135c.727.102 1.25.33 1.59.67.43.42.6 1.02.6 1.77 0 1.647-1.418 2.546-3.12 2.546zm9.51-10.752C12.787.955 11.58.408 10.06.158v7.25l2.174-3.026h2.377l-2.737 3.814s.63 1.006 1.006 1.603c.384.6.752.764 1.31.764h.378v1.877l-.58.002c-1.206 0-1.932-.22-2.477-1.052-.337-.54-1.45-2.286-1.45-2.286v3.33H8.073V0H8C5.432 0 3.66.62 2.126 1.768-.088 3.425 0 5.634 0 7.998c0 2.365-.088 4.578 2.126 6.235C3.66 15.383 5.432 16 8 16c2.568 0 4.34-.618 5.875-1.767C16.088 12.576 16 10.363 16 7.998c0-2.364.088-4.573-2.125-6.23z" fill="#fff" fill-rule="nonzero"/></svg>Songkick<br><span class="hex">#F80046</span></a></li>
<li style="background-color:#EA4C89"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16C4.78 7.85 1.47 7.807 1.17 7.8l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z" fill="#fff"/></svg>Dribbble<br><span class="hex">#EA4C89</span></a></li>
<li style="background-color:#AD29B6"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.81 6.616h-5.59l-3.266 3.28h4.485c-.59 1.316-1.902 2.04-3.432 2.04-2.072 0-3.758-1.78-3.758-3.848 0-2.075 1.686-3.808 3.758-3.808.755 0 1.458.196 2.04.58l3.027-3.04C11.693.687 9.927 0 8 0 3.58 0 0 3.578 0 8c0 4.415 3.58 8 8 8s8-3.41 8-7.826c0-.597-.068-.9-.19-1.558z" fill="#fff" fill-rule="nonzero"/></svg>JustGiving<br><span class="hex">#AD29B6</span></a></li>
<li style="background-color:#314359"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff" fill-rule="nonzero"><path d="M14.634 12.716c-.103 0-.206-.03-.297-.09-.246-.167-.31-.5-.15-.74.493-.73.75-1.588.75-2.48 0-.892-.257-1.75-.75-2.48-.165-.246-.096-.578.144-.738.247-.166.572-.097.738.143.612.91.932 1.973.932 3.076s-.32 2.167-.932 3.076c-.097.154-.263.234-.434.234z"/><path d="M13.108 11.853c-.103 0-.206-.03-.298-.092-.246-.164-.308-.496-.143-.736.326-.48.498-1.035.498-1.618 0-.577-.172-1.137-.498-1.618-.165-.245-.103-.57.143-.737.246-.165.572-.102.738.144.446.657.68 1.423.68 2.212 0 .795-.234 1.56-.68 2.212-.097.155-.27.235-.44.235zM10.62 7.085c-.21-2.132-2.01-3.8-4.2-3.8C4.606 3.284 3 4.45 2.423 6.14 1.058 6.342 0 7.52 0 8.942c0 1.562 1.275 2.836 2.84 2.836h7.272c1.31 0 2.378-1.063 2.378-2.372 0-1.137-.8-2.086-1.87-2.32zm-.508 3.63h-7.27c-.978 0-1.78-.794-1.78-1.772 0-.977.796-1.772 1.78-1.772.473 0 .92.184 1.257.52.204.207.542.207.753 0 .206-.204.206-.542 0-.753-.366-.366-.817-.618-1.31-.743.504-1.11 1.625-1.852 2.876-1.852 1.743 0 3.16 1.417 3.16 3.155 0 .337-.05.67-.16.99-.09.28.058.576.338.673.057.018.114.03.166.03.222 0 .428-.144.503-.367.068-.21.12-.423.154-.64.493.19.84.663.84 1.218.007.726-.588 1.315-1.308 1.315z"/></g></svg>Mixcloud<br><span class="hex">#314359</span></a></li>
<li style="background-color:#36465D"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M9.708 16c-3.396 0-4.687-2.504-4.687-4.274V6.498H3.403V4.432C5.83 3.557 6.412 1.368 6.55.12c.01-.086.077-.12.115-.12H9.01v4.076h3.2v2.422H8.997v4.98c.01.667.25 1.58 1.472 1.58h.067c.424-.012.994-.136 1.29-.278l.77 2.283c-.288.424-1.594.916-2.77.936h-.12z" fill="#fff" fill-rule="nonzero"/></svg>Tumblr<br><span class="hex">#36465D</span></a></li>
<li style="background-color:#181717"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.083-.202-.358-1.015.077-2.117 0 0 .672-.215 2.2.82.638-.178 1.323-.266 2.003-.27.68.004 1.364.092 2.003.27 1.527-1.035 2.198-.82 2.198-.82.437 1.102.163 1.915.08 2.117.513.56.823 1.274.823 2.147 0 3.073-1.87 3.75-3.653 3.947.287.246.543.735.543 1.48 0 1.07-.01 1.933-.01 2.195 0 .215.144.463.55.385C13.71 14.53 16 11.534 16 8c0-4.418-3.582-8-8-8" fill="#fff"/></svg>GitHub<br><span class="hex">#181717</span></a></li>
<li style="background-color:#000000"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0c4.415 0 8 3.585 8 8s-3.585 8-8 8-8-3.585-8-8 3.585-8 8-8zm0 12.8c-2.187 0-4.107-1.493-4.64-3.6-.053-.24.08-.507.32-.56.24-.053.507.08.56.32.453 1.707 2 2.907 3.76 2.907 1.76 0 3.307-1.2 3.76-2.907.053-.24.32-.4.56-.32.24.053.4.32.32.56-.533 2.107-2.453 3.6-4.64 3.6z" fill="#fff"/></svg>Ello<br><span class="hex">#000000</span></a></li>
<li style="background-color:#000000"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff" fill-rule="nonzero"><path d="M3.226 6.763v.38h.023c.68-.41 1.38-.444 1.8-.444 1.135 0 1.52.323 1.668.442.26-.15.827-.443 1.79-.443 1.928 0 1.928.76 1.928 1.067V9.56H8.882V7.962c0-.33 0-.697-.827-.697-.408 0-.828.124-.975.307-.136.156-.193.297-.193.642V9.56H5.334V8.025c0-.474.01-.76-.804-.76-.41 0-.828.108-.987.27-.124.123-.204.253-.204.664v1.36H1.786V6.762h1.44zM14.18 7.382h-1.127v1.12c0 .396 0 .525.46.525.22 0 .413-.025.62-.064l.047-.006.146.57c-.545.1-1.14.11-1.31.11-.507 0-1.162-.074-1.404-.283-.206-.17-.23-.337-.23-.76V7.38h-.764v-.584h.763v-.553l1.673-.433v.986h1.127v.584zM1.027 11.14C.41 10.208 0 9.1 0 7.986 0 6.67.517 5.6 1.04 4.846h.624C1.2 5.873.886 6.746.886 8.014c0 1.455.516 2.577.75 3.085.007.007.022.033.022.04h-.63zM14.973 4.86C15.59 5.792 16 6.9 16 8.014c0 1.314-.517 2.387-1.04 3.14h-.624c.463-1.028.78-1.9.78-3.168 0-1.456-.518-2.576-.753-3.086-.007-.007-.02-.033-.02-.04h.63z"/></g></svg>MediaTemple<br><span class="hex">#000000</span></a></li>
</ul>
</main>
<footer class="footer" role="contentinfo">
<p>Distributed for free by <a href="https://twitter.com/bathtype">Dan Leech</a> under the Free Art License. Company logos in icons are copyright of their respective owners. <a href="#">“Buy me a coffee?”</a> — Dan Leech</p>
</footer>
</body>
</html>