Added two icons

This commit is contained in:
Dan Leech 2015-10-16 11:09:43 +01:00
parent b90bfc1b5b
commit 33a1be731e
6 changed files with 58 additions and 32 deletions

View File

@ -85,7 +85,7 @@ for (var i = 0; i < source.icons.length; i++) {
console.log(source.icons[i].title + ", lum = " + source.icons[i].luminance);
var fs = require('fs');
var svg = fs.readFileSync(filePath, 'utf8');
main += "\t\t\t<li style=\"background-color:#" + source.icons[i].hex + "\">" + svg + source.icons[i].title + "<br><span class=\"hex\">#" + source.icons[i].hex + "</span></li>\n";
main += "\t\t\t<li style=\"background-color:#" + source.icons[i].hex + "\"><a href=\"#\">" + svg + source.icons[i].title + "<br><span class=\"hex\">#" + source.icons[i].hex + "</span></a></li>\n";
}
// Put all content together and export to index.html

1
icons/vine.svg Normal file
View File

@ -0,0 +1 @@
<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>

After

Width:  |  Height:  |  Size: 703 B

1
icons/whatsapp.svg Normal file
View File

@ -0,0 +1 @@
<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>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -82,11 +82,17 @@
font-size: 0.75rem;
letter-spacing: 0.05rem;
line-height: 1rem;
padding: 1.25rem 0.75rem 1.25rem;
padding: 0;
text-transform: uppercase;
width: 100%;
}
.tiles li svg {
.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;
@ -121,33 +127,35 @@
<p class="navbar__text">Share on <a href="#">Facebook</a> &amp; <a href="#">Twitter</a></p>
</header>
<main role="main">
<p class="hero">26 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:#3B5998"><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></li>
<li style="background-color:#4285F4"><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></li>
<li style="background-color:#3C80CA"><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></li>
<li style="background-color:#55ACEE"><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></li>
<li style="background-color:#005EA5"><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></li>
<li style="background-color:#0072C6"><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></li>
<li style="background-color:#125688"><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></li>
<li style="background-color:#0079BF"><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></li>
<li style="background-color:#0077B5"><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></li>
<li style="background-color:#0099E5"><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></li>
<li style="background-color:#1AB7EA"><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></li>
<li style="background-color:#56B68B"><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></li>
<li style="background-color:#00B057"><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></li>
<li style="background-color:#5AB552"><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></li>
<li style="background-color:#6Fb536"><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></li>
<li style="background-color:#A4C639"><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></li>
<li style="background-color:#9DB63B"><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></li>
<li style="background-color:#EE6123"><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></li>
<li style="background-color:#DD4B39"><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></li>
<li style="background-color:#CD201F"><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></li>
<li style="background-color:#E12828"><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></li>
<li style="background-color:#EA4C89"><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></li>
<li style="background-color:#AD29B6"><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></li>
<li style="background-color:#314359"><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></li>
<li style="background-color:#181717"><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></li>
<li style="background-color:#000000"><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></li>
<p class="hero">28 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:#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:#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:#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:#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:#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:#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:#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:#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"><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">

View File

@ -120,6 +120,16 @@
"hex": "1AB7EA",
"source": "https://vimeo.com/about/brand_guidelines"
},
{
"title": "Vine",
"hex": "11B48A",
"source": "https://vine.co/logo"
},
{
"title": "WhatsApp",
"hex": "64D448",
"source": "http://media.whatsapp.com"
},
{
"title": "Yammer",
"hex": "0072C6",

View File

@ -82,11 +82,17 @@
font-size: 0.75rem;
letter-spacing: 0.05rem;
line-height: 1rem;
padding: 1.25rem 0.75rem 1.25rem;
padding: 0;
text-transform: uppercase;
width: 100%;
}
.tiles li svg {
.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;