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

Added Tumblr, Last.fm and Foursquare (& Updated Wordpress)

Browse Source
This commit is contained in:
Adam Fairhead
2012-07-24 09:00:18 -04:00
parent 269391ce3a
commit 208e0476b8
11 changed files with 174 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
fc-webicons.css
View File

@@ -47,6 +47,13 @@
.no-svg .fc-webicon.flickr.small { background: url("images/fc-webicon-flickr-s.png"); }
.svg .fc-webicon.flickr { background: url("images/fc-webicon-flickr.svg"); }
/* Foursquare */
.no-svg .fc-webicon.foursquare { background: url("images/fc-webicon-foursquare-m.png"); }
.no-svg .fc-webicon.foursquare.large { background: url("images/fc-webicon-foursquare.png"); }
.no-svg .fc-webicon.foursquare.small { background: url("images/fc-webicon-foursquare-s.png"); }
.svg .fc-webicon.foursquare { background: url("images/fc-webicon-foursquare.svg"); }
/* Github */
.no-svg .fc-webicon.github { background: url("images/fc-webicon-github-m.png"); }
.no-svg .fc-webicon.github.large { background: url("images/fc-webicon-github.png"); }
@@ -65,6 +72,12 @@
.no-svg .fc-webicon.icloud.small { background: url("images/fc-webicon-icloud-s.png"); }
.svg .fc-webicon.icloud { background: url("images/fc-webicon-icloud.svg"); }
/* Last.fm */
.no-svg .fc-webicon.lastfm { background: url("images/fc-webicon-lastfm-m.png"); }
.no-svg .fc-webicon.lastfm.large { background: url("images/fc-webicon-lastfm.png"); }
.no-svg .fc-webicon.lastfm.small { background: url("images/fc-webicon-lastfm-s.png"); }
.svg .fc-webicon.lastfm { background: url("images/fc-webicon-lastfm.svg"); }
/* LinkedIn */
.no-svg .fc-webicon.linkedin { background: url("images/fc-webicon-linkedin-m.png"); }
.no-svg .fc-webicon.linkedin.large { background: url("images/fc-webicon-linkedin.png"); }
@@ -125,6 +138,12 @@
.no-svg .fc-webicon.stumbleupon.small { background: url("images/fc-webicon-stumbleupon-s.png"); }
.svg .fc-webicon.stumbleupon { background: url("images/fc-webicon-stumbleupon.svg"); }
/* Tumblr */
.no-svg .fc-webicon.tumblr { background: url("images/fc-webicon-tumblr-m.png"); }
.no-svg .fc-webicon.tumblr.large { background: url("images/fc-webicon-tumblr.png"); }
.no-svg .fc-webicon.tumblr.small { background: url("images/fc-webicon-tumblr-s.png"); }
.svg .fc-webicon.tumblr { background: url("images/fc-webicon-tumblr.svg"); }
/* Twitter */
.no-svg .fc-webicon.twitter { background: url("images/fc-webicon-twitter-m.png"); }
.no-svg .fc-webicon.twitter.large { background: url("images/fc-webicon-twitter.png"); }

18
fc-webicons.html
View File

@@ -38,12 +38,16 @@
<a class="fc-webicon flickr small" href="#">Flickr</a>
<a class="fc-webicon foursquare small" href="#">Foursquare</a>
<a class="fc-webicon github small" href="#">Github</a>
<a class="fc-webicon googleplus small" href="#">Google+</a>
<a class="fc-webicon icloud small" href="#">iCloud</a>
<a class="fc-webicon lastfm small" href="#">Last.fm</a>
<a class="fc-webicon linkedin small" href="#">LinkedIn</a>
<a class="fc-webicon mail small" href="#">Mail</a>
@@ -64,6 +68,8 @@
<a class="fc-webicon stumbleupon small" href="#">StumbleUpon!</a>
<a class="fc-webicon tumblr small" href="#">Tumblr</a>
<a class="fc-webicon twitter small" href="#">Twitter</a>
<a class="fc-webicon vimeo small" href="#">Vimeo</a>
@@ -92,12 +98,16 @@
<a class="fc-webicon flickr" href="#">Flickr</a>
<a class="fc-webicon foursquare" href="#">Foursquare</a>
<a class="fc-webicon github" href="#">Github</a>
<a class="fc-webicon googleplus" href="#">Google+</a>
<a class="fc-webicon icloud" href="#">iCloud</a>
<a class="fc-webicon lastfm" href="#">Last.fm</a>
<a class="fc-webicon linkedin" href="#">LinkedIn</a>
<a class="fc-webicon mail" href="#">Mail</a>
@@ -118,6 +128,8 @@
<a class="fc-webicon stumbleupon" href="#">StumbleUpon!</a>
<a class="fc-webicon tumblr" href="#">Tumblr</a>
<a class="fc-webicon twitter" href="#">Twitter</a>
<a class="fc-webicon vimeo" href="#">Vimeo</a>
@@ -146,12 +158,16 @@
<a class="fc-webicon flickr large" href="#">Flickr</a>
<a class="fc-webicon foursquare large" href="#">Foursquare</a>
<a class="fc-webicon github large" href="#">Github</a>
<a class="fc-webicon googleplus large" href="#">Google+</a>
<a class="fc-webicon icloud large" href="#">iCloud</a>
<a class="fc-webicon lastfm large" href="#">Last.fm</a>
<a class="fc-webicon linkedin large" href="#">LinkedIn</a>
<a class="fc-webicon mail large" href="#">Mail</a>
@@ -172,6 +188,8 @@
<a class="fc-webicon stumbleupon large" href="#">StumbleUpon!</a>
<a class="fc-webicon tumblr large" href="#">Tumblr</a>
<a class="fc-webicon twitter large" href="#">Twitter</a>
<a class="fc-webicon vimeo large" href="#">Vimeo</a>

BIN
images/fc-webicon-foursquare-m.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
images/fc-webicon-foursquare-s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
images/fc-webicon-foursquare.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

43
images/fc-webicon-foursquare.svg Normal file
View File

@@ -0,0 +1,43 @@
<?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="176 76 48 48" enable-background="new 176 76 48 48" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="71.3662" y1="132.875" x2="71.3662" y2="121.375" gradientTransform="matrix(4.1667 0 0 -4.1667 -97.3177 629.646)">
<stop offset="0" style="stop-color:#A6E6FB"/>
<stop offset="1" style="stop-color:#1E86BC"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M224,117.928c0,3.307-2.683,5.989-5.989,5.989h-35.938c-3.308,0-5.99-2.683-5.99-5.989V81.99
c0-3.307,2.682-5.99,5.99-5.99h35.938c3.307,0,5.989,2.683,5.989,5.99V117.928z"/>
<g>
<defs>
<path id="SVGID_2_" d="M224,117.928c0,3.307-2.683,5.989-5.989,5.989h-35.938c-3.308,0-5.99-2.683-5.99-5.989V81.99
c0-3.307,2.682-5.99,5.99-5.99h35.938c3.307,0,5.989,2.683,5.989,5.99V117.928z"/>
</defs>
<clipPath id="SVGID_3_">
<use xlink:href="#SVGID_2_" overflow="visible"/>
</clipPath>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="199.812" y1="86.6245" x2="199.812" y2="115.2505">
<stop offset="0" style="stop-color:#3186C2"/>
<stop offset="1" style="stop-color:#1D649C"/>
</linearGradient>
<path opacity="0.7" clip-path="url(#SVGID_3_)" fill="url(#SVGID_4_)" d="M200.312,115.25c-0.001,0-0.002,0-0.002,0
c-0.686-0.001-1.34-0.283-1.812-0.78l-12.125-12.791c-0.465-0.491-0.711-1.148-0.684-1.824c0.028-0.675,0.329-1.311,0.833-1.761
l12.125-10.833c1.013-0.906,2.565-0.836,3.495,0.16l11.125,11.938c0.901,0.968,0.894,2.47-0.019,3.428l-11.125,11.688
C201.651,114.97,200.997,115.25,200.312,115.25z"/>
<path clip-path="url(#SVGID_3_)" fill="#FFFFFF" d="M218.062,75.688l-18.021,24.562L197.417,96c0,0-5.854,1.293-6.042,5.709
L200,108.75l24-20.125c0,0-0.5-12.938,0-12.938S218.062,75.688,218.062,75.688z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="189.2705" y1="85.416" x2="189.2705" y2="101.7095">
<stop offset="0" style="stop-color:#D5EA8D"/>
<stop offset="1" style="stop-color:#A5C82D"/>
</linearGradient>
<circle clip-path="url(#SVGID_3_)" fill="url(#SVGID_5_)" cx="189.271" cy="93.562" r="8.146"/>
<path clip-path="url(#SVGID_3_)" fill="#236EB4" d="M200.042,109.375c-0.168,0-0.336-0.057-0.475-0.169l-7.763-6.347
c-0.81,0.218-1.646,0.328-2.492,0.328c-5.273,0-9.562-4.29-9.562-9.562s4.29-9.562,9.562-9.562s9.562,4.29,9.562,9.562
c0,0.916-0.129,1.819-0.384,2.689l1.583,2.749l17.331-23.755c0.243-0.335,0.711-0.408,1.048-0.164
c0.334,0.244,0.407,0.713,0.163,1.048l-18.011,24.688c-0.149,0.204-0.383,0.324-0.646,0.307c-0.253-0.014-0.483-0.154-0.609-0.375
l-2.292-3.979c-0.075-0.131-0.109-0.281-0.098-0.432l0.015-0.198c0.004-0.057,0.015-0.113,0.032-0.167
c0.244-0.777,0.367-1.589,0.367-2.412c0-4.446-3.617-8.062-8.062-8.062s-8.062,3.617-8.062,8.062s3.617,8.062,8.062,8.062
c0.768,0,1.526-0.107,2.257-0.319c0.268-0.156,0.601-0.147,0.843,0.051l7.626,6.234l23.8-19.745
c0.317-0.264,0.474,0.042,0.738,0.362c0.265,0.319,0.221,0.792-0.099,1.056l-23.958,19.875
C200.382,109.317,200.212,109.375,200.042,109.375z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
images/fc-webicon-lastfm-m.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/fc-webicon-lastfm-s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
images/fc-webicon-lastfm.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

44
images/fc-webicon-lastfm.svg Normal file
View File

@@ -0,0 +1,44 @@
<?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="176 76 48 48" enable-background="new 176 76 48 48" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="71.3662" y1="132.875" x2="71.3662" y2="121.375" gradientTransform="matrix(4.1667 0 0 -4.1667 -97.3177 629.646)">
<stop offset="0" style="stop-color:#E01257"/>
<stop offset="1" style="stop-color:#B50F39"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M224,117.928c0,3.307-2.683,5.989-5.989,5.989h-35.938c-3.308,0-5.99-2.683-5.99-5.989V81.99
c0-3.307,2.682-5.99,5.99-5.99h35.938c3.307,0,5.989,2.683,5.989,5.99V117.928z"/>
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#B50F39" d="M199.366,102.304c0.63,0.481,1.204,0.931,1.792,1.36
c0.216,0.159,0.225,0.271,0.055,0.482c-1.282,1.62-2.878,2.78-4.84,3.406c-1.443,0.459-2.935,0.579-4.408,0.315
c-3.042-0.543-5.386-2.11-6.852-4.953c-0.994-1.929-1.279-3.974-0.958-6.061c0.507-3.306,2.273-5.759,5.299-7.208
c1.822-0.873,3.777-1.043,5.714-0.719c3.104,0.52,5.405,2.327,6.859,5.117c0.981,1.88,1.762,3.867,2.628,5.807
c0.519,1.164,0.969,2.362,1.558,3.486c0.77,1.465,2.415,2.314,4.193,1.984c1.062-0.196,1.979-0.562,2.543-1.536
c0.826-1.431,0.259-3.255-1.254-3.89c-0.877-0.366-1.815-0.581-2.715-0.897c-1.602-0.562-2.996-1.415-3.848-2.971
c-0.475-0.869-0.633-1.806-0.566-2.797c0.064-0.955,0.275-1.852,0.859-2.625c0.808-1.073,1.902-1.629,3.214-1.738
c0.854-0.071,1.705-0.114,2.551,0.15c1.411,0.44,2.366,1.387,3.021,2.679c0.036,0.073-0.047,0.285-0.131,0.333
c-0.608,0.342-1.227,0.668-1.856,0.97c-0.071,0.034-0.279-0.086-0.341-0.187c-0.312-0.509-0.672-0.947-1.23-1.208
c-0.858-0.398-2.305-0.223-2.957,0.363c-0.577,0.518-0.585,1.206-0.538,1.88c0.099,1.425,1.141,2.057,2.277,2.518
c0.868,0.352,1.799,0.544,2.679,0.869c1.766,0.651,3.072,1.78,3.588,3.691c0.807,2.992-0.854,5.75-3.573,6.653
c-1.234,0.409-2.494,0.54-3.757,0.293c-1.837-0.357-3.32-1.338-4.239-2.995c-0.67-1.211-1.165-2.521-1.74-3.785
c-0.916-2.011-1.759-4.06-2.772-6.018c-0.838-1.618-2.192-2.759-3.937-3.336c-1.496-0.494-2.996-0.463-4.497,0.052
c-1.943,0.667-3.288,1.972-4.055,3.869c-0.416,1.027-0.519,2.119-0.466,3.235c0.07,1.466,0.548,2.765,1.426,3.916
c0.894,1.174,2.076,1.926,3.485,2.296c3.04,0.799,5.527-0.131,7.538-2.51C199.187,102.508,199.262,102.424,199.366,102.304z"/>
</g>
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M199.366,104.304c0.63,0.481,1.204,0.931,1.792,1.36
c0.216,0.159,0.225,0.271,0.055,0.482c-1.282,1.62-2.878,2.78-4.84,3.406c-1.443,0.459-2.935,0.579-4.408,0.315
c-3.042-0.543-5.386-2.11-6.852-4.953c-0.994-1.929-1.279-3.974-0.958-6.061c0.507-3.306,2.273-5.759,5.299-7.208
c1.822-0.873,3.777-1.043,5.714-0.719c3.104,0.52,5.405,2.327,6.859,5.117c0.981,1.88,1.762,3.867,2.628,5.807
c0.519,1.164,0.969,2.362,1.558,3.486c0.77,1.465,2.415,2.314,4.193,1.984c1.062-0.196,1.979-0.562,2.543-1.536
c0.826-1.431,0.259-3.255-1.254-3.89c-0.877-0.366-1.815-0.581-2.715-0.897c-1.602-0.562-2.996-1.415-3.848-2.971
c-0.475-0.869-0.633-1.806-0.566-2.797c0.064-0.955,0.275-1.852,0.859-2.625c0.808-1.073,1.902-1.629,3.214-1.738
c0.854-0.071,1.705-0.114,2.551,0.15c1.411,0.44,2.366,1.387,3.021,2.679c0.036,0.073-0.047,0.285-0.131,0.333
c-0.608,0.342-1.227,0.668-1.856,0.97c-0.071,0.034-0.279-0.086-0.341-0.187c-0.312-0.509-0.672-0.947-1.23-1.208
c-0.858-0.398-2.305-0.223-2.957,0.363c-0.577,0.518-0.585,1.206-0.538,1.88c0.099,1.425,1.141,2.057,2.277,2.518
c0.868,0.352,1.799,0.544,2.679,0.869c1.766,0.651,3.072,1.78,3.588,3.691c0.807,2.992-0.854,5.75-3.573,6.653
c-1.234,0.409-2.494,0.54-3.757,0.293c-1.837-0.357-3.32-1.338-4.239-2.995c-0.67-1.211-1.165-2.521-1.74-3.785
c-0.916-2.011-1.759-4.06-2.772-6.018c-0.838-1.618-2.192-2.759-3.937-3.336c-1.496-0.494-2.996-0.463-4.497,0.052
c-1.943,0.667-3.288,1.972-4.055,3.869c-0.416,1.027-0.519,2.119-0.466,3.235c0.07,1.466,0.548,2.765,1.426,3.916
c0.894,1.174,2.076,1.926,3.485,2.296c3.04,0.799,5.527-0.131,7.538-2.51C199.187,104.508,199.262,104.424,199.366,104.304z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

50
images/fc-webicon-wordpress.svg Normal file
View File

@@ -0,0 +1,50 @@
<?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="176 76 48 48" enable-background="new 176 76 48 48" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="71.3662" y1="132.875" x2="71.3662" y2="121.375" gradientTransform="matrix(4.1667 0 0 -4.1667 -97.3177 629.646)">
<stop offset="0" style="stop-color:#FFFFFF"/>
<stop offset="1" style="stop-color:#EAEAEA"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M224,117.928c0,3.307-2.683,5.989-5.989,5.989h-35.938c-3.308,0-5.99-2.683-5.99-5.989V81.99
c0-3.307,2.682-5.99,5.99-5.99h35.938c3.307,0,5.989,2.683,5.989,5.99V117.928z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="199.3481" y1="86.7681" x2="199.3481" y2="108.6245">
<stop offset="0" style="stop-color:#238FB8"/>
<stop offset="0.3316" style="stop-color:#1E87AF"/>
<stop offset="0.86" style="stop-color:#107398"/>
<stop offset="1" style="stop-color:#0B6C91"/>
</linearGradient>
<path fill="url(#SVGID_2_)" d="M209.323,90.082c0,0-2.876,0.387-1.828,3.739s3.003,3.143,2.234,7.332
c-0.769,4.19-2.44,7.472-2.44,7.472l-4.751-14.663h1.954v-0.838h-8.309v0.908h2.375l1.885,6.075l-3.422,8.519l-5.027-14.663h1.746
v-0.838l-4.947-0.026c0,0,3.533-6.398,11.58-6.328C206.081,86.818,209.323,90.082,209.323,90.082z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="190.4126" y1="94.4268" x2="190.4126" y2="112.8159">
<stop offset="0" style="stop-color:#238FB8"/>
<stop offset="0.1034" style="stop-color:#208AB3"/>
<stop offset="0.6599" style="stop-color:#11749A"/>
<stop offset="1" style="stop-color:#0B6C91"/>
</linearGradient>
<path fill="url(#SVGID_3_)" d="M188.039,94.427l6.153,18.389C194.192,112.815,182.723,107.113,188.039,94.427z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="200.9424" y1="102.4795" x2="200.9424" y2="114.3184">
<stop offset="0" style="stop-color:#187FA6"/>
<stop offset="0.5305" style="stop-color:#0F7298"/>
<stop offset="1" style="stop-color:#0B6C91"/>
</linearGradient>
<path fill="url(#SVGID_4_)" d="M201.054,102.479l-4.248,11.333c0,0,4.075,1.349,8.272-0.357L201.054,102.479z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="211.0615" y1="95.375" x2="211.0615" y2="111.9448">
<stop offset="0" style="stop-color:#238FB8"/>
<stop offset="0.1034" style="stop-color:#208AB3"/>
<stop offset="0.6599" style="stop-color:#11749A"/>
<stop offset="1" style="stop-color:#0B6C91"/>
</linearGradient>
<path fill="url(#SVGID_5_)" d="M213.131,95.375c0,0,0.072,0.977-1.027,4.748c-1.1,3.771-4.059,11.822-4.059,11.822
S216.936,106.443,213.131,95.375z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="200.3638" y1="84.8594" x2="200.3638" y2="116.019">
<stop offset="0" style="stop-color:#238FB8"/>
<stop offset="0.3316" style="stop-color:#1E87AF"/>
<stop offset="0.86" style="stop-color:#107398"/>
<stop offset="1" style="stop-color:#0B6C91"/>
</linearGradient>
<path fill="url(#SVGID_6_)" d="M200.364,85.691c8.119,0,14.699,6.604,14.699,14.749c0,8.146-6.58,14.748-14.699,14.748
c-8.118,0-14.698-6.602-14.698-14.748C185.666,92.294,192.246,85.691,200.364,85.691 M200.364,84.859
c-8.563,0-15.53,6.989-15.53,15.58c0,8.59,6.967,15.579,15.53,15.579s15.53-6.989,15.53-15.579
C215.894,91.849,208.927,84.859,200.364,84.859L200.364,84.859z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB