Add Vine

README.markdown

@@ -22,6 +22,7 @@ Enjoy Webicons!
 * Branch
 * Coderwall
 * Adobe Creative Cloud
+* DeviantArt
 * Dribbble
 * Dropbox
 * Evernote
@@ -73,6 +74,7 @@ Enjoy Webicons!
 * Tumblr
 * Twitter
 * Viadeo
+* Vine
 * Vimeo
 * Windows
 * WordPress

webicons.css

@@ -810,6 +810,18 @@
 .svg .webicon.viadeo {
   background: url("webicons/webicon-viadeo.svg"); }
 
+.no-svg .webicon.vine {
+  background: url("webicons/webicon-vine-m.png"); }
+
+.no-svg .webicon.vine.large {
+  background: url("webicons/webicon-vine.png"); }
+
+.no-svg .webicon.vine.small {
+  background: url("webicons/webicon-vine-s.png"); }
+
+.svg .webicon.vine {
+  background: url("webicons/webicon-vine.svg"); }
+
 .no-svg .webicon.vimeo {
   background: url("webicons/webicon-vimeo-m.png"); }
 

webicons.html

@@ -149,6 +149,8 @@
     
     <a class="webicon viadeo small" href="#">Viadeo</a>
     
+    <a class="webicon vine small" href="#">Vine</a>
+
     <a class="webicon vimeo small" href="#">Vimeo</a>
     
     <a class="webicon windows small" href="#">Windows</a>
@@ -297,6 +299,8 @@
     
     <a class="webicon viadeo" href="#">Viadeo</a>
     
+    <a class="webicon vine" href="#">Vine</a>
+
     <a class="webicon vimeo" href="#">Vimeo</a>
     
     <a class="webicon windows" href="#">Windows</a>
@@ -445,6 +449,8 @@
     
     <a class="webicon viadeo large" href="#">Viadeo</a>
     
+    <a class="webicon vine large" href="#">Vine</a>
+
     <a class="webicon vimeo large" href="#">Vimeo</a>
     
     <a class="webicon windows large" href="#">Windows</a>

webicons.less

@@ -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", ~"branch", ~"coderwall", ~"creativecloud", ~"deviantart", ~"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", ~"viadeo", ~"vimeo", ~"weibo", ~"windows", ~"wordpress", ~"xing", ~"yahoo", ~"yelp", ~"youtube", ~"youversion", ~"zerply";
+@webicons-icons: ~"f500px", ~"aboutme", ~"adn", ~"android", ~"apple", ~"behance", ~"bitbucket", ~"blogger", ~"branch", ~"coderwall", ~"creativecloud", ~"deviantart", ~"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", ~"viadeo", ~"vine", ~"vimeo", ~"weibo", ~"windows", ~"wordpress", ~"xing", ~"yahoo", ~"yelp", ~"youtube", ~"youversion", ~"zerply";
 
 // Specify the path to the webicons directory here. Include trailing slash.
 @webicons-url: "webicons/";

webicons.scss

@@ -12,7 +12,7 @@
 }
 
 // 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 branch coderwall creativecloud deviantart 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 viadeo vimeo weibo windows wordpress xing yahoo yelp youtube youversion zerply;
+$webicons-icons: f500px aboutme adn android apple behance bitbucket blogger branch coderwall creativecloud deviantart 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 viadeo vine 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;

webicons/webicon-vine.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!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="282 372 48 48" enable-background="new 282 372 48 48" xml:space="preserve">
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="24.4641" y1="770.4226" x2="24.4641" y2="766.6569" gradientTransform="matrix(12.75 0 0 -12.75 -5.875 10194.875)">
+	<stop  offset="0" style="stop-color:#58BD93"/>
+	<stop  offset="1" style="stop-color:#48A87D"/>
+</linearGradient>
+<path fill="url(#SVGID_1_)" d="M330.086,413.998c0,3.314-2.692,6.002-6.011,6.002h-36.064c-3.319,0-6.011-2.688-6.011-6.002v-36.01
+	c0-3.314,2.692-6.002,6.011-6.002h36.064c3.319,0,6.011,2.688,6.011,6.002V413.998z"/>
+<path fill="#48A87D" d="M292.895,384.872c0,0,2.889,19.44,11.255,24.556c1.143,0.662,2.439,0.631,3.31-0.12
+	c3.491-3.01,7.105-8.078,8.128-10.425c1.922,0.183,3.247-0.288,3.247-0.288l-0.012-3.71c0,0-2.819,0.053-3.356,0.061
+	c-4.09,0.061-6.912-4.901-5.249-9.094c1.152-2.904,3.178-0.811,3.539,0.092c0.361,0.903,0.282,3.321-0.244,5.096
+	c0.641,1.495,4.12,2.289,4.913,1.038c0.977-2.746,1.404-7.69-1.129-10.253c-1.671-1.691-5.865-2.549-8.934-0.623
+	c-3.07,1.926-3.01,6.019-2.769,8.065c0.241,2.047,0.903,6.38,4.995,8.787c0.361,0.421-4.486,6.717-4.754,6.44
+	c-6.018-6.199-7.644-19.561-7.644-19.561L292.895,384.872z"/>
+<path fill="#FFFFFF" d="M292.895,386.872c0,0,2.889,19.44,11.255,24.556c1.143,0.662,2.439,0.631,3.31-0.12
+	c3.491-3.01,7.105-8.078,8.128-10.425c1.922,0.183,3.247-0.288,3.247-0.288l-0.012-3.71c0,0-2.819,0.053-3.356,0.061
+	c-4.09,0.061-6.912-4.901-5.249-9.094c1.152-2.904,3.178-0.811,3.539,0.092c0.361,0.903,0.282,3.321-0.244,5.096
+	c0.641,1.495,4.12,2.289,4.913,1.038c0.977-2.746,1.404-7.69-1.129-10.253c-1.671-1.691-5.865-2.549-8.934-0.623
+	c-3.07,1.926-3.01,6.019-2.769,8.065c0.241,2.047,0.903,6.38,4.995,8.787c0.361,0.421-4.486,6.717-4.754,6.44
+	c-6.018-6.199-7.644-19.561-7.644-19.561L292.895,386.872z"/>
+</svg>