1
0
mirror of https://github.com/simple-icons/simple-icons.git synced 2024-11-26 01:00:27 +02:00

Added Pocket

This commit is contained in:
Dan Leech 2015-10-16 13:41:20 +01:00
parent 3406f7a775
commit 5eb6d12a23
4 changed files with 17 additions and 2 deletions

1
icons/pocket.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="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>

After

Width:  |  Height:  |  Size: 864 B

View File

@ -86,6 +86,10 @@
text-transform: uppercase;
width: 100%;
}
.tiles li:hover {
border: 0.125rem solid #FFF;
padding: 0.125rem 0 0 0.125rem;
}
.tiles a {
color: #FFF;
display: block;
@ -124,10 +128,10 @@
<body>
<header class="navbar" role="banner">
<h1 class="title">Simple Icons</h1>
<p class="navbar__text">Share on <a href="#">Facebook</a> &amp; <a href="#">Twitter</a></p>
<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">40 SVG icons for popular brands <a href="https://github.com/danleech/simple-icons">Download them from GitHub</a></p>
<p class="hero">41 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>
@ -160,6 +164,7 @@
<li style="background-color:#CD201F"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M6.348 10.075V5.58l4.323 2.255-4.322 2.24zM15.84 4.8s-.156-1.102-.636-1.587c-.608-.637-1.29-.64-1.603-.678-2.238-.162-5.596-.162-5.596-.162h-.008s-3.358 0-5.597.162c-.314.038-.996.04-1.604.678C.316 3.698.16 4.8.16 4.8S0 6.097 0 7.39v1.215c0 1.294.16 2.59.16 2.59s.156 1.1.636 1.587c.608.637 1.408.617 1.764.684 1.28.123 5.44.16 5.44.16s3.362-.004 5.6-.166c.314-.038.996-.04 1.604-.678.48-.486.636-1.588.636-1.588S16 9.9 16 8.604V7.39c0-1.294-.16-2.59-.16-2.59" fill="#fff" fill-rule="nonzero"/></svg>YouTube<br><span class="hex">#CD201F</span></a></li>
<li style="background-color:#E12828"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff"><path d="M0 0h5.16v16H0zM5.677 5.677h5.16v5.16h-5.16zM5.677 0H16v5.16H5.677z"/></g></svg>Flipboard<br><span class="hex">#E12828</span></a></li>
<li style="background-color:#EC4047"><a href="#"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill="#fff" fill-rule="nonzero"><path d="M15.204.002L.782 0 .777 9.18H3.27c2.053.04 1.862 1.434 2.042 2.705.183 1.292 1.418 1.925 2.455 1.925 1.357 0 2.43-1.164 2.43-2.55 0-1.07-.49-1.84-2.6-2.74C5.204 7.51 4.6 6.084 4.6 4.696c0-2.27 1.735-3.79 3.75-3.79 1.057 0 2.208.338 2.988 1.217.63.71.857 1.427.832 2.312-.01.388-.056.885.73.896l2.304.005V.002z"/><path d="M15.223 6.62l-2.174-.008s-2.3.18-2.17-1.584c.06-.85-.19-1.498-.366-1.77-.458-.71-1.223-1.064-2.146-1.064-1.357 0-2.354 1.13-2.354 2.313 0 1.03.5 2.183 2.63 3.008 1.847.713 2.996 1.954 2.996 3.68 0 1.818-1.382 3.94-3.87 3.94-1.28 0-2.44-.305-3.328-1.576-.452-.647-.626-1.48-.656-2.314-.025-.64-.194-.78-.633-.78l-2.37.007V16h14.433V6.7l.007-.08z"/></g></svg>Sauce Labs<br><span class="hex">#EC4047</span></a></li>
<li style="background-color:#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>

View File

@ -130,6 +130,11 @@
"hex": "314359",
"source": "https://www.mixcloud.com/branding"
},
{
"title": "Pocket",
"hex": "EF3F56",
"source": "https://getpocket.com/blog/press/"
},
{
"title": "Sauce Labs",
"hex": "EC4047",

View File

@ -86,6 +86,10 @@
text-transform: uppercase;
width: 100%;
}
.tiles li:hover {
border: 0.125rem solid #FFF;
padding: 0.125rem 0 0 0.125rem;
}
.tiles a {
color: #FFF;
display: block;