simple-icons/index.html
2015-10-16 16:22:26 +01:00

202 lines
65 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: 1.5rem auto 0;
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">59 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:#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:#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:#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:#205081"><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="M8 0C4.187 0 1.055 1.02 1.055 2.315c0 .34.817 5.174 1.158 7.08.136.886 2.383 2.11 5.787 2.11s5.583-1.224 5.787-2.11c.34-1.906 1.158-6.74 1.158-7.08C14.877 1.02 11.813 0 8 0zm0 9.94c-1.226 0-2.18-.953-2.18-2.178 0-1.226.954-2.18 2.18-2.18 1.226 0 2.18.954 2.18 2.18C10.18 8.92 9.225 9.94 8 9.94zm0-6.944c-2.45 0-4.426-.41-4.426-.953 0-.545 1.975-.954 4.426-.954 2.45 0 4.426.408 4.426.953 0 .544-1.975.953-4.426.953z" fill-rule="nonzero"/><path d="M12.97 11.234c-.136 0-.204.068-.204.068S11.064 12.664 8 12.664s-4.766-1.362-4.766-1.362-.136-.068-.204-.068c-.136 0-.273.068-.273.272v.068c.273 1.43.477 2.452.477 2.588C3.438 15.182 5.48 16 7.932 16c2.45 0 4.494-.817 4.698-1.838 0-.136.204-1.158.476-2.588v-.068c.068-.136 0-.272-.136-.272z" fill-rule="nonzero"/><circle cx="8" cy="7.694" r="1.089"/></g></svg>Bitbucket<br><span class="hex">#205081</span></a></li>
<li style="background-color:#007EE5"><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="M4.707.56L0 3.63l3.254 2.606L8 3.308 4.707.558zM0 8.844l4.707 3.073L8 9.17 3.254 6.237 0 8.844zM8 9.17l3.293 2.748L16 8.845l-3.254-2.607L8 9.168zM16 3.632L11.293.56 8 3.307l4.746 2.93L16 3.632z"/><path d="M8.01 9.76L4.707 12.5l-1.414-.922v1.035L8.01 15.44l4.716-2.827v-1.035l-1.413.923L8.01 9.76z"/></g></svg>Dropbox<br><span class="hex">#007EE5</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:#4CADC0"><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 14.555c-3.626 0-6.566-2.94-6.566-6.563C1.434 4.367 4.374 1.43 8 1.43c3.624 0 6.563 2.937 6.563 6.562 0 3.624-2.93 6.563-6.564 6.563zM8 0C3.58 0-.004 3.584-.004 8S3.582 16 8 16c4.416 0 8-3.584 8-8S12.424-.008 8 0zm-.867 10.196L4.798 8l2.335-2.204V3.74L2.626 8l4.507 4.253v-2.057zm1.74-6.457v2.056L11.206 8l-2.335 2.196v2.057L13.38 8 8.87 3.74" fill="#fff" fill-rule="nonzero"/></svg>Code School<br><span class="hex">#4CADC0</span></a></li>
<li style="background-color:#00B1AB"><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.11 0H1.146v16H6.17V6.478H4.33c-.336 0-.433-.21-.213-.466L7 2.65c.218-.256.578-.256.797 0l2.882 3.362c.218.256.122.466-.215.466h-1.84v4.45h.486c4.152 0 5.745-2.872 5.745-5.654C14.855 2.604 13.105 0 9.11 0" fill="#fff" fill-rule="nonzero"/></svg>Pingup<br><span class="hex">#00B1AB</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:#2BDE73"><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.406 5.453L9.34 1.2C9.895.4 10.61 0 11.49 0c.715 0 1.335.254 1.86.762.522.51.784 1.117.784 1.826 0 .523-.138.986-.416 1.386L11.073 7.82l3.235 4.102c.323.408.485.886.485 1.433 0 .724-.254 1.345-.763 1.865-.508.52-1.124.78-1.848.78-.793 0-1.398-.258-1.814-.774l-3.962-4.944v2.726c0 .778-.135 1.383-.405 1.814C5.51 15.607 4.793 16 3.854 16c-.855 0-1.518-.29-1.987-.866-.44-.532-.66-1.237-.66-2.114V2.91c0-.83.224-1.516.67-2.055C2.347.285 2.995 0 3.82 0c.786 0 1.44.285 1.964.855.292.316.477.635.554.96.047.2.07.572.07 1.12v2.518z" fill="#fff"/></svg>Kickstarter<br><span class="hex">#2BDE73</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:#8CC63F"><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 8c0 4.418-3.582 8-8 8s-8-3.582-8-8 3.582-8 8-8 8 3.582 8 8zm-8 2.425c-.257.13-.604.194-1.04.194-.174 0-.43-.02-.772-.063-.342-.04-.6-.06-.772-.06-.637 0-.956.194-.956.585 0 .23.144.41.432.543.288.13.654.197 1.098.197.66 0 1.483-.33 2.02-.82l.01-.014c.538.494 1.328.834 1.99.834.444 0 .81-.066 1.098-.197.288-.132.432-.313.432-.543 0-.39-.32-.586-.956-.586-.173 0-.43.02-.77.06-.343.043-.6.063-.772.063-.438 0-.785-.065-1.042-.195zm0-5.903c.515-.45 1.146-.677 1.893-.677.592 0 1.088.11 1.487.333l.604-.703 1.067.97-.733.535c.256.387.383.844.383 1.37 0 .753-.23 1.354-.688 1.805-.458.45-1.037.675-1.737.675-.11 0-.26-.01-.444-.03L9.58 8.76c-.03 0-.138.045-.33.133-.19.088-.286.18-.286.274 0 .164.14.246.425.246.128 0 .34-.03.642-.092.3-.062.556-.093.77-.093 1.5 0 2.25.604 2.25 1.81 0 .665-.3 1.188-.9 1.57-.6.38-1.324.57-2.17.57-.708 0-1.367-.146-1.98-.437-.612.29-1.272.436-1.98.436-.846 0-1.57-.19-2.17-.57-.6-.382-.9-.905-.9-1.57 0-1.206.75-1.81 2.25-1.81.214 0 .47.032.772.094.3.06.514.092.64.092.285 0 .427-.082.427-.247 0-.095-.097-.186-.288-.275-.19-.088-.3-.133-.33-.133L6.17 8.8c-.186.02-.334.03-.445.03-.7 0-1.278-.225-1.737-.675C3.53 7.705 3.3 7.103 3.3 6.35c0-.526.128-.983.383-1.37l-.734-.536 1.066-.97.604.704c.4-.222.895-.333 1.487-.333.748 0 1.38.226 1.893.677zm0 4.043c.103-.078.214-.142.332-.19-.12-.08-.23-.163-.332-.252-.1.09-.212.172-.332.25.118.05.23.114.332.192zm-.79-2.47c-.036-.257-.142-.475-.32-.652-.22-.222-.51-.333-.863-.333-.337 0-.612.115-.824.345-.21.23-.317.512-.317.846 0 .404.098.72.296.95.197.23.48.346.845.346.366 0 .657-.118.873-.355.174-.19.278-.43.312-.72-.006-.073-.01-.15-.01-.225 0-.068.004-.134.008-.2zm1.58.427c.033.29.137.53.31.72.216.236.507.354.873.354s.648-.115.845-.345c.198-.23.297-.546.297-.95 0-.333-.106-.614-.318-.844-.212-.23-.487-.346-.824-.346-.354 0-.64.11-.863.333-.177.177-.284.394-.32.652.005.065.007.132.007.2 0 .077-.003.153-.008.227z" fill="#fff"/></svg>Geeklist<br><span class="hex">#8CC63F</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:#E6B91E"><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.92 0H1.08C.495.04.04.496 0 1.064V14.92c.04.583.475 1.028 1.037 1.078.01.002.02.002.03.002H14.963c.58-.052 1.037-.553 1.037-1.14V1.14C16 .546 15.536.046 14.944 0h-.025zM1.925 5.507h1.27v4.91h-1.27v-4.91zm7.6 4.91c.302 0 .533-.02.682-.05.154-.032.28-.09.38-.177.104-.08.176-.2.217-.348.04-.15.068-.443.068-.88V7.237c0-.465-.018-.778-.05-.935-.027-.16-.095-.303-.208-.43-.113-.13-.28-.22-.497-.28-.213-.054-.57-.086-1.18-.086h-.95v4.91h1.537zm3.426-1.19c0 .235-.013.385-.036.448-.022.063-.126.095-.203.095-.072 0-.127-.032-.15-.09-.027-.06-.04-.2-.04-.416V7.966c0-.222.013-.362.036-.416.022-.054.072-.08.144-.08.077 0 .18.026.207.094.03.063.042.2.042.402v1.26zM9.54 6.393c.05.027.08.072.094.136.02.062.023.207.023.428V8.86c0 .327-.023.526-.063.598-.04.077-.154.113-.335.113V6.348c.135 0 .23.014.28.046zM5.9 5.507l-.294 2.296-.18-1.247c-.055-.403-.105-.75-.154-1.05H3.626v4.91h1.112l.005-3.24.465 3.24H6l.447-3.314v3.314h1.108v-4.91H5.9zm5.402 0v4.91h1.144l.077-.313c.104.126.217.222.344.285.12.058.307.09.452.09.202 0 .374-.05.52-.16.143-.103.238-.23.278-.374.037-.145.06-.362.06-.656V7.912c0-.294-.01-.488-.023-.58-.013-.09-.05-.184-.113-.28-.068-.094-.163-.166-.285-.22-.122-.05-.266-.077-.438-.077-.146 0-.332.03-.458.085-.122.06-.235.15-.34.267v-1.6h-1.22z" fill="#fff"/></svg>IMDb<br><span class="hex">#E6B91E</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:#FF8000"><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.385 4.595c-.073.19-.17.385-.336.49-.168.108-.436.117-.71.117-1.353 0-2.723-.042-4.096-.042-.135.63-.27 1.26-.4 1.89.827-.002 1.663.006 2.496.006.646 0 1.3-.06 1.41.467.036.168 0 .38-.046.546-.093.337-.23.6-.556.695-.164.048-.363.052-.574.052-1.018 0-2.084.014-3.105.018-.15.686-.292 1.38-.435 2.073 1.396-.004 2.726-.036 4.118-.05.557-.007.964.17.897.755-.027.233-.087.442-.188.644-.09.185-.22.334-.433.402-.212.066-.482.056-.767.07-.27.01-.546.006-.822.013-.274.008-.55.02-.816.02-1.113 0-2.16.07-3.273.064-.535-.003-.9-.22-.998-.672-.053-.243-.016-.516.032-.747.48-2.305.963-4.6 1.448-6.9.05-.237.1-.455.2-.636.15-.27.376-.464.7-.552.33-.087.786-.042 1.196-.042.27 0 .544.007.812.015.822.023 1.616.026 2.442.046.27.006.547.014.813.014.552 0 1.04.065 1.107.546.035.255-.045.504-.117.695M13.37.828L2.63 0C1.178 0 0 1.178 0 2.63v10.74C0 14.822 1.178 16 2.63 16l10.74-.828c1.473-.076 2.63-1.177 2.63-2.63V3.458c0-1.453-1.12-2.545-2.63-2.63" fill="#fff"/></svg>Eventbrite<br><span class="hex">#FF8000</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:#FF7102"><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.743 11.252c.043-.036.086-.073.127-.112-.806.784-1.837 1.17-2.86 1.157h-.016c-1.03-.017-2.053-.438-2.83-1.263C.676 10.514.342 9.896.16 9.24v-.004C-.242 7.77.116 6.12 1.23 4.966c1.564-1.622 4.048-1.662 5.638-.137l.81.858.362.387 2.818 2.996.003.007c.002 0 .002.003.002.004.026.03.054.055.082.082.572.52 1.435.503 1.988-.07.58-.6.594-1.582.027-2.184h-.004c-.063-.068-.13-.127-.2-.178l-.167-.106c-.55-.296-1.25-.202-1.718.283-.07.072-.13.15-.183.23-.2.314-.278.686-.237 1.045L9.44 7.142 8.3 6c.19-.376.438-.73.743-1.046.07-.07.14-.14.212-.204-.043.036-.086.073-.127.112.806-.784 1.837-1.17 2.86-1.157h.016c1.03.017 2.053.438 2.83 1.263.488.52.822 1.138 1.004 1.795v.004c.403 1.465.045 3.117-1.07 4.27-1.564 1.622-4.048 1.662-5.638.137l-.81-.858-.362-.387L5.142 6.93l-.003-.007c-.002 0-.002-.003-.002-.004-.026-.03-.054-.055-.082-.082-.572-.52-1.435-.503-1.988.07-.58.6-.594 1.582-.027 2.184h.004c.063.068.13.127.2.178l.167.106c.55.296 1.25.202 1.718-.283.07-.072.13-.15.183-.23.2-.314.278-.686.237-1.045l1.014 1.04L7.7 10c-.19.376-.438.73-.743 1.046-.07.07-.14.14-.212.204z" fill="#fff"/></svg>Twoo<br><span class="hex">#FF7102</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:#EB4924"><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 4.42 3.58 8 8 8s8-3.58 8-8c0-4.418-3.58-8-8-8zm-.412 5.938v3.3c0 1.236-1.128 2.167-2.3 2.167-1.096 0-2.12-.518-2.236-1.756V7.587h1.65v1.65c0 .41.29.477.585.477.293 0 .65-.066.65-.478v-3.3c.034-1.236 1.053-2.01 2.194-2.01 1.162 0 1.932.878 1.932 2.01v.696l-.818.39-.832-.39V5.526s-.11-.12-.28-.12c-.283 0-.544.12-.544.532zm5.36 3.3c0 1.236-1.06 2.074-2.235 2.074-1.174 0-2.3-.838-2.3-2.075v-1.65h1.65v1.65c0 .412.357.478.65.478.294 0 .586-.066.586-.478v-1.65h1.648v1.65z" fill="#fff" fill-rule="nonzero"/></svg>StumbleUpon<br><span class="hex">#EB4924</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:#990000"><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="M12.084 8.088v.002l-.22 1.975c-.927-.758-2.438-1.324-3.872-1.324-1.426 0-2.93.564-3.858 1.314L3.916 8.09v-.002c-.002-.605-.295-1.136-.74-1.477.256-2.436 2.31-4.338 4.816-4.338 2.51 0 4.567 1.908 4.818 4.352-.437.34-.724.866-.726 1.464"/><path d="M11.596 12.32H4.403l-.245-1.924c.887-.857 2.272-1.362 3.834-1.362 1.57 0 2.962.508 3.848 1.375l-.244 1.91zM3.683 13.72c-.756 0-.715-.013-.715-.77l-1.166-2.713C.802 10.202 0 9.38 0 8.372c0-1.033.837-1.87 1.87-1.87 1.03 0 1.865.835 1.867 1.865v.002l.498 4.48c0 .755.204.87-.552.87M14.198 10.237l-1.166 2.714c0 .757.04.778-.715.778-.756 0-.552-.123-.552-.88l.497-4.48c.003-1.03.84-1.865 1.87-1.865 1.03 0 1.868.837 1.868 1.87 0 1.008-.8 1.83-1.802 1.864"/></g></svg>Readability<br><span class="hex">#990000</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:#757575"><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.996 7.87c-.003-.063-.007-.124-.012-.186V7.68c-.06-.675-.283-1.306-.66-1.877-.17-.254-.363-.485-.58-.692-.314-.304-.68-.555-1.09-.754-.62-.297-1.305-.446-2.036-.446-.07 0-.146 0-.22.004-.514.023-1.01.12-1.477.292-.47.17-.88.395-1.214.664-.068.054-.142.12-.22.194l-.06.056-.077.083-.037.037-.018.02-.093.098c-.07.077-.136.155-.197.232L8 5.59c-.128.156-.247.318-.334.463-.06.093-.117.188-.172.284L6.73 7.883h.002l-.04.08-.084.17c-.168.34-.347.678-.548.957-.448.49-.954.73-1.604.73-.045 0-.092 0-.14-.004-.39-.015-.727-.108-1.026-.284l-.092-.06c-.244-.16-.43-.368-.57-.627-.157-.294-.227-.594-.217-.913l.002-.023c.02-.507.214-.9.603-1.242.095-.08.194-.15.297-.212.015-.01.03-.017.044-.025.29-.156.618-.235.995-.235l.118.004c.6.02 1.062.21 1.43.574L7.054 4.7c-.277-.186-.59-.345-.933-.475l-.04-.014c-.04-.014-.08-.03-.123-.043-.366-.122-.75-.197-1.144-.23-.01-.003-.02-.004-.03-.005l-.184-.014c-.067-.003-.133-.004-.198-.004h-.037c-.727.002-1.402.15-2.02.446-.69.333-1.252.82-1.668 1.444-.414.626-.64 1.32-.673 2.065-.002.063-.004.126-.004.188 0 1.043.38 1.96 1.135 2.73.788.806 1.813 1.24 3.045 1.292.08.004.156.006.234.006.697 0 1.34-.124 1.92-.372.144-.062.284-.134.427-.215.08-.046.153-.093.226-.144l.054-.036.09-.063c.11-.078.212-.163.312-.253l.034-.033c.06-.055.117-.11.173-.17l.206-.234.08-.1.036-.053.036-.053c.308-.517 1.31-2.4 1.31-2.4v-.003l.06-.115.05-.09c.147-.27.254-.46.395-.66l.004-.006c.33-.478.896-.82 1.564-.876 1.12-.096 2.103.64 2.193 1.644.09 1.004-.746 1.896-1.866 1.993-.233.02-.46.005-.674-.042l-.005.002c-.822-.17-1.345-.77-1.603-1.04L8.357 10.75s.335.338.564.507c.23.168.528.334.765.437.575.245 1.2.392 1.892.392.08 0 .064 0 .147-.003 1.23-.05 2.326-.523 3.117-1.33.75-.767 1.156-1.642 1.16-2.678v-.03c0-.06-.002-.116-.004-.175z" fill="#fff" fill-rule="nonzero"/></svg>Coursera<br><span class="hex">#757575</span></a></li>
<li style="background-color:#3A393C"><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 8c0 4.418-3.582 8-8 8s-8-3.582-8-8 3.582-8 8-8 8 3.582 8 8zM8 3.442L3.057 10.89h1.01l1.125-1.767h5.616l1.124 1.766h1.01L8 3.44zm-2.16 4.88L8 5.064l2.16 3.256H5.84z" fill="#fff"/></svg>App.net<br><span class="hex">#3A393C</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="M15.988 5.443c-.004-.02-.007-.04-.012-.058l-.01-.033c-.006-.017-.012-.034-.02-.05-.003-.012-.01-.023-.014-.034l-.023-.045-.02-.032-.03-.04-.024-.03c-.01-.013-.022-.026-.034-.038l-.027-.027-.04-.032-.03-.024-.012-.01L8.38.117c-.23-.155-.53-.155-.76 0L.305 4.99.296 5c-.012.007-.022.015-.032.023-.014.01-.027.02-.04.032l-.027.027-.034.037-.024.03-.03.04c-.006.012-.013.022-.02.033l-.023.045-.015.034c-.007.016-.012.033-.018.05l-.01.032c-.005.02-.01.038-.012.058l-.006.03C.002 5.5 0 5.53 0 5.56v4.875c0 .03.002.06.006.09l.007.03c.003.02.006.04.013.058l.01.033c.006.018.01.035.018.05l.015.033c.006.016.014.03.023.047l.02.03c.008.016.018.03.03.042.007.01.014.02.023.03.01.012.02.025.034.036.01.01.018.02.028.026l.04.033.03.023.01.01 7.31 4.876c.116.078.248.117.382.116.134 0 .266-.04.38-.116l7.314-4.875.01-.01c.012-.007.022-.015.032-.023.014-.01.027-.02.04-.032l.027-.027.034-.037.024-.03.03-.04.02-.032.023-.046.015-.033.018-.052.01-.033c.005-.02.01-.038.013-.058 0-.01.003-.02.004-.03.004-.03.006-.06.006-.09V5.564c0-.03-.002-.06-.006-.09l-.007-.03zM8 9.626L5.568 8 8 6.374 10.432 8 8 9.626zM7.312 5.18l-2.98 1.993-2.406-1.61 5.386-3.59v3.206zM3.095 8l-1.72 1.15v-2.3L3.095 8zm1.237.828l2.98 1.993v3.208l-5.386-3.59 2.406-1.61zm4.355 1.993l2.98-1.993 2.407 1.61-5.387 3.59v-3.206zM12.905 8l1.72-1.15v2.3L12.905 8zm-1.237-.827L8.688 5.18V1.97l5.386 3.59-2.406 1.61z" fill="#fff" fill-rule="nonzero"/></svg>CodePen<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"><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. Contributions, corrections and requests can be left on <a href="https://github.com/danleech/simple-icons">GitHub</a>.</p>
<p><a href="#">“Buy me a coffee?”</a> — Dan Leech</p>
</footer>
</body>
</html>