Miko/webicons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Branch, Medium, Potluck icons

Browse Source
This commit is contained in:
Adam Fairhead
2013-07-11 11:19:58 -04:00
parent 950358c3bd
commit dbdca84f8a
15 changed files with 172 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
webicons.css
View File

@@ -130,6 +130,18 @@
.svg .webicon.blogger {
background: url("webicons/webicon-blogger.svg"); }
.no-svg .webicon.branch {
background: url("webicons/webicon-branch-m.png"); }
.no-svg .webicon.branch.large {
background: url("webicons/webicon-branch.png"); }
.no-svg .webicon.branch.small {
background: url("webicons/webicon-branch-s.png"); }
.svg .webicon.branch {
background: url("webicons/webicon-branch.svg"); }
.no-svg .webicon.coderwall {
background: url("webicons/webicon-coderwall-m.png"); }
@@ -442,6 +454,18 @@
.svg .webicon.mail {
background: url("webicons/webicon-mail.svg"); }
.no-svg .webicon.medium {
background: url("webicons/webicon-medium-m.png"); }
.no-svg .webicon.medium.large {
background: url("webicons/webicon-medium.png"); }
.no-svg .webicon.medium.small {
background: url("webicons/webicon-medium-s.png"); }
.svg .webicon.medium {
background: url("webicons/webicon-medium.svg"); }
.no-svg .webicon.mixi {
background: url("webicons/webicon-mixi-m.png"); }
@@ -514,6 +538,18 @@
.svg .webicon.pocketapp {
background: url("webicons/webicon-pocketapp.svg"); }
.no-svg .webicon.potluck {
background: url("webicons/webicon-potluck-m.png"); }
.no-svg .webicon.potluck.large {
background: url("webicons/webicon-potluck.png"); }
.no-svg .webicon.potluck.small {
background: url("webicons/webicon-potluck-s.png"); }
.svg .webicon.potluck {
background: url("webicons/webicon-potluck.svg"); }
.no-svg .webicon.quora {
background: url("webicons/webicon-quora-m.png"); }

20
webicons.html
View File

@@ -39,6 +39,8 @@
<a class="webicon blogger small" href="#">Blogger</a>
<a class="webicon branch small" href="#">Branch</a>
<a class="webicon coderwall small" href="#">Coderwall</a>
<a class="webicon creativecloud small" href="#">Creative Cloud</a>
@@ -91,6 +93,8 @@
<a class="webicon mail small" href="#">Mail</a>
<a class="webicon medium small" href="#">Medium</a>
<a class="webicon mixi small" href="#">Mixi</a>
<a class="webicon mercurial small" href="#">Mercurial</a>
@@ -107,6 +111,8 @@
<a class="webicon pocketapp small" href="#">PocketApp</a>
<a class="webicon potluck small" href="#">Potluck</a>
<a class="webicon quora small" href="#">Quora</a>
<a class="webicon rdio small" href="#">Rdio</a>
@@ -179,6 +185,8 @@
<a class="webicon blogger" href="#">Blogger</a>
<a class="webicon branch" href="#">Branch</a>
<a class="webicon creativecloud" href="#">Creative Cloud</a>
<a class="webicon dribbble" href="#">Dribbble</a>
@@ -229,6 +237,8 @@
<a class="webicon mail" href="#">Mail</a>
<a class="webicon medium" href="#">Medium</a>
<a class="webicon mixi" href="#">Mixi</a>
<a class="webicon mercurial" href="#">Mercurial</a>
@@ -243,7 +253,9 @@
<a class="webicon pinterest" href="#">Pinterest</a>
<a class="webicon pocket" href="#">PocketApp</a>
<a class="webicon pocketapp" href="#">PocketApp</a>
<a class="webicon potluck" href="#">Potluck</a>
<a class="webicon quora" href="#">Quora</a>
@@ -317,6 +329,8 @@
<a class="webicon blogger large" href="#">Blogger</a>
<a class="webicon branch large" href="#">Branch</a>
<a class="webicon creativecloud large" href="#">Creative Cloud</a>
<a class="webicon dribbble large" href="#">Dribbble</a>
@@ -367,6 +381,8 @@
<a class="webicon mail large" href="#">Mail</a>
<a class="webicon medium large" href="#">Medium</a>
<a class="webicon mixi large" href="#">Mixi</a>
<a class="webicon mercurial large" href="#">Mercurial</a>
@@ -383,6 +399,8 @@
<a class="webicon pocketapp large" href="#">PocketApp</a>
<a class="webicon potluck large" href="#">Potluck</a>
<a class="webicon quora large" href="#">Quora</a>
<a class="webicon rdio large" href="#">Rdio</a>

2
webicons.scss
View File

@@ -6,7 +6,7 @@
.webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
// Include or remove the icons you want to use on your site from this list.
$webicons-icons: f500px aboutme adn android apple behance bitbucket blogger coderwall creativecloud dribbble dropbox evernote fairheadcreative facebook flickr foursquare git github goodreads google googleplay googleplus hangouts html5 icloud indiegogo instagram instapaper kickstarter klout lastfm linkedin mail mixi msn openid picasa pinterest pocketapp quora orkut mercurial rdio reddit renren rss skitch skype soundcloud spotify stackoverflow stumbleupon svn tent tripadvisor tumblr twitter vimeo weibo windows wordpress xing yahoo yelp youtube youversion zerply;
$webicons-icons: f500px aboutme adn android apple behance bitbucket blogger branch coderwall creativecloud dribbble dropbox evernote fairheadcreative facebook flickr foursquare git github goodreads google googleplay googleplus hangouts html5 icloud indiegogo instagram instapaper kickstarter klout lastfm linkedin mail medium mixi msn openid picasa pinterest pocketapp potluck quora orkut mercurial rdio reddit renren rss skitch skype soundcloud spotify stackoverflow stumbleupon svn tent tripadvisor tumblr twitter vimeo weibo windows wordpress xing yahoo yelp youtube youversion zerply;
// Specify the path to the webicons directory here. Include trailing slash.
$webicons-url: "webicons/" !default;

BIN
webicons/webicon-branch-m.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 666 B

BIN
webicons/webicon-branch-s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 526 B

BIN
webicons/webicon-branch.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 822 B

23
webicons/webicon-branch.svg Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="20" y1="-6.739356e-10" x2="20" y2="40">
<stop offset="0" style="stop-color:#F2F1ED"/>
<stop offset="1" style="stop-color:#EBEAE5"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M40,35c0,2.761-2.239,5-5,5H5c-2.761,0-5-2.239-5-5V5c0-2.761,2.239-5,5-5h30c2.761,0,5,2.239,5,5V35
z"/>
<path fill="#EBEAE5" d="M21.711,15.294V15.28H17.1v-4.343c0-1.228-0.995-2.223-2.223-2.223s-2.223,0.995-2.223,2.223
c0,0.069,0.004,0.138,0.01,0.205l-0.01,0v4.137h-1.852c-1.228,0-2.223,0.995-2.223,2.223s0.995,2.223,2.223,2.223
c0.069,0,0.138-0.004,0.205-0.01l0,0.01h1.647v4.214c0,4.816,3.937,8.787,8.753,8.787c4.816,0,8.72-3.904,8.72-8.72
C30.128,19.292,26.386,15.454,21.711,15.294z M21.408,28.287c-2.343,0-4.274-1.904-4.308-4.24v-4.322h4.222
c0.004,0.001,0.007,0.002,0.011,0.003c0.025,0,0.05-0.003,0.075-0.003c2.364,0,4.281,1.917,4.281,4.281
C25.689,26.371,23.772,28.287,21.408,28.287z"/>
<path fill="#FF4A00" d="M21.711,14.294V14.28H17.1V9.937c0-1.228-0.995-2.223-2.223-2.223s-2.223,0.995-2.223,2.223
c0,0.069,0.004,0.138,0.01,0.205l-0.01,0v4.137h-1.852c-1.228,0-2.223,0.995-2.223,2.223s0.995,2.223,2.223,2.223
c0.069,0,0.138-0.004,0.205-0.01l0,0.01h1.647v4.214c0,4.816,3.937,8.787,8.753,8.787c4.816,0,8.72-3.904,8.72-8.72
C30.128,18.292,26.386,14.454,21.711,14.294z M21.408,27.287c-2.343,0-4.274-1.904-4.308-4.24v-4.322h4.222
c0.004,0.001,0.007,0.002,0.011,0.003c0.025,0,0.05-0.003,0.075-0.003c2.364,0,4.281,1.917,4.281,4.281
C25.689,25.371,23.772,27.287,21.408,27.287z"/>
<rect x="12.655" y="14.28" fill="#AE0000" width="4.446" height="4.446"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
webicons/webicon-medium-m.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 597 B

BIN
webicons/webicon-medium-s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 417 B

BIN
webicons/webicon-medium.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 629 B

16
webicons/webicon-medium.svg Normal file
View File

@@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="367.1" y1="-410.1" x2="367.1" y2="-458.1" gradientTransform="matrix(0.8333 0 0 -0.8333 -285.9167 -341.75)">
<stop offset="0" style="stop-color:#424140"/>
<stop offset="1" style="stop-color:#333332"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M40,35c0,2.761-2.239,5-5,5H5c-2.761,0-5-2.239-5-5V5c0-2.761,2.239-5,5-5h30c2.761,0,5,2.239,5,5V35
z"/>
<polygon fill="#30302F" points="17.816,26.413 14.889,14.974 14.889,24.152 15.821,24.152 15.821,26.413 10.5,26.413 10.5,24.152
11.431,24.152 11.431,13.91 10.5,13.91 10.5,11.649 17.816,11.649 20.21,21.705 22.338,11.649 29.5,11.649 29.5,13.91 28.569,13.91
28.569,24.152 29.5,24.152 29.5,26.413 23.714,26.413 23.714,24.152 24.645,24.152 24.645,14.974 21.719,26.413 "/>
<polygon fill="#FFFFFF" points="17.816,27.351 14.889,15.912 14.889,25.09 15.821,25.09 15.821,27.351 10.5,27.351 10.5,25.09
11.431,25.09 11.431,14.848 10.5,14.848 10.5,12.587 17.816,12.587 20.21,22.644 22.338,12.587 29.5,12.587 29.5,14.848
28.569,14.848 28.569,25.09 29.5,25.09 29.5,27.351 23.714,27.351 23.714,25.09 24.645,25.09 24.645,15.912 21.719,27.351 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
webicons/webicon-potluck-m.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1023 B

BIN
webicons/webicon-potluck-s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 736 B

BIN
webicons/webicon-potluck.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

77
webicons/webicon-potluck.svg Normal file
View File

@@ -0,0 +1,77 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="367.1" y1="-410.1" x2="367.1" y2="-458.1" gradientTransform="matrix(0.8333 0 0 -0.8333 -285.9167 -341.75)">
<stop offset="0" style="stop-color:#FFFFFF"/>
<stop offset="1" style="stop-color:#EAEAEA"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M40,35c0,2.761-2.239,5-5,5H5c-2.761,0-5-2.239-5-5V5c0-2.761,2.239-5,5-5h30c2.761,0,5,2.239,5,5V35
z"/>
<path fill="#EAEAEA" d="M33.267,17.121c-0.541-1.127-1.551-1.986-2.786-2.31c0.508-0.87,0.68-1.876,0.531-2.842
c-0.134-0.864-0.523-1.697-1.19-2.364c-0.736-0.736-1.67-1.137-2.629-1.225c-0.883-0.081-1.787,0.104-2.578,0.566
c-0.344-1.31-1.287-2.368-2.517-2.879c-0.504-0.209-1.05-0.336-1.631-0.336c-0.643,0-1.244,0.154-1.789,0.407
c-1.151,0.535-2.03,1.555-2.358,2.808c-0.852-0.498-1.836-0.676-2.784-0.543c-0.786,0.11-1.54,0.447-2.178,0.997
c-0.081,0.069-0.167,0.129-0.244,0.205c-0.077,0.077-0.136,0.163-0.205,0.244c-0.583,0.676-0.928,1.482-1.017,2.318
c-0.097,0.904,0.09,1.834,0.563,2.645c-1.293,0.339-2.339,1.263-2.857,2.469c-0.222,0.516-0.358,1.079-0.358,1.679
c0,0.581,0.127,1.127,0.336,1.631c0.511,1.229,1.569,2.173,2.879,2.517c-0.462,0.79-0.646,1.694-0.566,2.578
c0.088,0.959,0.489,1.893,1.225,2.629c0.667,0.667,1.5,1.057,2.364,1.19c0.966,0.149,1.973-0.023,2.842-0.531
c0.324,1.235,1.183,2.245,2.31,2.786c0.558,0.268,1.176,0.429,1.837,0.429c0.599,0,1.162-0.135,1.679-0.358
c1.206-0.519,2.13-1.565,2.469-2.858c0.81,0.474,1.74,0.66,2.644,0.563c0.48-0.051,0.953-0.182,1.397-0.396
c0.42-0.203,0.815-0.477,1.165-0.827c0.349-0.349,0.624-0.744,0.827-1.165c0.193-0.4,0.314-0.825,0.375-1.257
c0.133-0.948-0.045-1.932-0.543-2.785c1.253-0.329,2.273-1.207,2.808-2.358c0.253-0.545,0.408-1.147,0.408-1.789
C33.696,18.297,33.535,17.679,33.267,17.121z"/>
<g>
<path fill="#02B2F4" d="M11.115,10.605c-0.077,0.077-0.136,0.163-0.205,0.244l0.449-0.449
C11.277,10.469,11.191,10.528,11.115,10.605z"/>
<rect x="17.734" y="9.897" transform="matrix(0.7071 0.7071 -0.7071 0.7071 14.8114 -10.7261)" fill="#FFFFFF" width="5.238" height="5.238"/>
<rect x="21.438" y="13.601" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 29.5988 44.6997)" fill="#02B2F4" width="5.238" height="5.238"/>
<path fill="#02B2F4" d="M18.679,7.138c-1.151,0.535-2.03,1.555-2.358,2.808c-0.852-0.498-1.836-0.676-2.785-0.543l3.113,3.113
l3.704-3.704L18.679,7.138z"/>
<rect x="25.142" y="17.305" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.9571 25.4654)" fill="#FFFFFF" width="5.238" height="5.238"/>
<path fill="#02B2F4" d="M27.761,23.627l3.263,3.263c0.133-0.948-0.045-1.932-0.543-2.785c1.253-0.329,2.273-1.207,2.808-2.358
l-1.824-1.824L27.761,23.627z"/>
<rect x="14.03" y="13.601" transform="matrix(0.7071 0.7071 -0.7071 0.7071 16.3456 -7.0222)" fill="#02B2F4" width="5.238" height="5.238"/>
<rect x="17.734" y="17.305" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 20.6569 48.4036)" fill="#0078EE" width="5.238" height="5.238"/>
<path fill="#0177EF" d="M12.945,16.22l3.704-3.704l-3.113-3.113c-0.786,0.111-1.54,0.447-2.178,0.997l-0.449,0.449
c-0.583,0.676-0.928,1.482-1.017,2.318L12.945,16.22z"/>
<rect x="21.438" y="21.008" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 24.3608 57.3455)" fill="#02B2F4" width="5.238" height="5.238"/>
<path fill="#0177EF" d="M27.761,23.627l-3.704,3.704l3.203,3.203c0.48-0.051,0.953-0.182,1.397-0.396
c0.42-0.203,0.815-0.477,1.165-0.827s0.624-0.744,0.827-1.165c0.193-0.4,0.314-0.825,0.375-1.257L27.761,23.627z"/>
<rect x="10.326" y="17.305" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 36.1874 24.8579)" fill="#FFFFFF" width="5.238" height="5.238"/>
<rect x="14.03" y="21.008" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 11.715 52.1075)" fill="#02B2F4" width="5.238" height="5.238"/>
<path fill="#02B2F4" d="M12.945,16.22l-3.053-3.053c-0.097,0.904,0.09,1.834,0.563,2.645c-1.293,0.339-2.339,1.263-2.858,2.469
l1.644,1.644L12.945,16.22z"/>
<rect x="17.734" y="24.712" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 15.4189 61.0494)" fill="#FFFFFF" width="5.238" height="5.238"/>
<path fill="#02B2F4" d="M22.147,32.829c1.206-0.519,2.13-1.565,2.469-2.858c0.81,0.473,1.74,0.66,2.644,0.563l-3.203-3.203
l-3.704,3.704L22.147,32.829z"/>
<path fill="#02B2F4" d="M9.242,19.924l-1.665,1.665c0.511,1.229,1.569,2.173,2.879,2.517c-0.462,0.79-0.646,1.694-0.566,2.578
l3.056-3.056L9.242,19.924z"/>
<path fill="#0078EE" d="M12.945,23.627L9.89,26.683c0.088,0.959,0.489,1.893,1.225,2.629c0.667,0.667,1.499,1.057,2.364,1.19
l3.171-3.171L12.945,23.627z"/>
<path fill="#0078EE" d="M7.598,18.28c-0.222,0.516-0.358,1.079-0.358,1.679c0,0.581,0.127,1.127,0.336,1.631l1.665-1.665
L7.598,18.28z"/>
<path fill="#02B2F4" d="M16.649,27.331l-3.171,3.171c0.966,0.149,1.973-0.023,2.842-0.531c0.324,1.235,1.183,2.245,2.31,2.786
l1.722-1.722L16.649,27.331z"/>
<path fill="#0078EE" d="M18.631,32.757c0.558,0.268,1.176,0.429,1.837,0.429c0.599,0,1.162-0.135,1.679-0.358l-1.794-1.794
L18.631,32.757z"/>
<path fill="#02B2F4" d="M24.057,12.516l3.136-3.136c-0.883-0.081-1.787,0.104-2.578,0.566c-0.344-1.31-1.287-2.368-2.517-2.879
l-1.746,1.746L24.057,12.516z"/>
<path fill="#0078EE" d="M27.761,16.22l3.251-3.251c-0.134-0.864-0.523-1.696-1.19-2.364c-0.736-0.736-1.67-1.137-2.629-1.225
l-3.136,3.136L27.761,16.22z"/>
<path fill="#0078EE" d="M22.099,7.066c-0.504-0.209-1.05-0.336-1.631-0.336c-0.643,0-1.244,0.154-1.789,0.407l1.674,1.674
L22.099,7.066z"/>
<path fill="#02B2F4" d="M30.481,15.811c0.508-0.87,0.68-1.876,0.531-2.842l-3.251,3.251l3.704,3.704l1.802-1.802
C32.726,16.994,31.716,16.135,30.481,15.811z"/>
<path fill="#0078EE" d="M33.289,21.748c0.253-0.545,0.407-1.147,0.407-1.789c0-0.661-0.162-1.28-0.429-1.837l-1.802,1.802
L33.289,21.748z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB