Add Share icon.

react/social-logo/example.jsx

@@ -60,6 +60,7 @@ export default React.createClass( {
 				<SocialLogo icon="wordpress" size={ 48 } onClick={ this.handleClick.bind( this, 'wordpress' ) } />
 				<SocialLogo icon="xanga" size={ 48 } onClick={ this.handleClick.bind( this, 'xanga' ) } />
 				<SocialLogo icon="youtube" size={ 48 } onClick={ this.handleClick.bind( this, 'youtube' ) } />
+				<SocialLogo icon="" size={ 48 } onClick={ this.handleClick.bind( this, '' ) } />
 			</div>
 		);
 	}

react/social-logo/index.jsx

@@ -165,6 +165,9 @@ export default React.createClass( {
 			case 'youtube':
 				svg = <svg className={ iconClass } height={ this.props.size } width={ this.props.size } onClick={ this.props.onClick } xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M21.8 8s-.195-1.377-.795-1.984c-.76-.797-1.613-.8-2.004-.847-2.798-.203-6.996-.203-6.996-.203h-.01s-4.197 0-6.996.202c-.39.046-1.242.05-2.003.846C2.395 6.623 2.2 8 2.2 8S2 9.62 2 11.24v1.517c0 1.618.2 3.237.2 3.237s.195 1.378.795 1.985c.76.797 1.76.77 2.205.855 1.6.153 6.8.2 6.8.2s4.203-.005 7-.208c.392-.047 1.244-.05 2.005-.847.6-.607.795-1.985.795-1.985s.2-1.618.2-3.237v-1.517C22 9.62 21.8 8 21.8 8zM9.935 14.595v-5.62l5.403 2.82-5.403 2.8z"/></g></svg>;
 				break;
+			case '':
+				svg = <svg className={ iconClass } height={ this.props.size } width={ this.props.size } onClick={ this.props.onClick } xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M7 12c0-2.757 2.243-5 5-5 1.523 0 2.945.685 3.902 1.88.344.43.973.5 1.405.154.432-.345.5-.975.155-1.405C16.125 5.957 14.134 5 12 5c-3.52 0-6.442 2.612-6.93 6H2v2h5v-1zm10-1v1c0 2.757-2.243 5-5 5-1.523 0-2.946-.685-3.902-1.88-.346-.43-.976-.502-1.406-.154-.43.345-.5.975-.156 1.405C7.876 18.043 9.866 19 12 19c3.52 0 6.442-2.612 6.93-6H22v-2h-5zm-7 1c0 1.105.895 2 2 2s2-.895 2-2-.895-2-2-2-2 .895-2 2z"/></g></svg>;
+				break;
 		}
 		return ( svg );
 	}

svg-sprite/index.html

@@ -268,7 +268,11 @@ <h1>Social Logos</h1>
 		h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517
 		c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201
 		s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517
-		C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"/> </g>  </symbol></svg>
+		C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"/> </g>  </symbol><symbol viewBox="0 0 24 24" id="share"><title>share</title> <path d="M7,12c0-2.757,2.243-5,5-5c1.523,0,2.945,0.685,3.902,1.879c0.344,0.431,0.973,0.501,1.405,0.155
+	c0.432-0.345,0.501-0.975,0.155-1.405C16.125,5.958,14.134,5,12,5c-3.521,0-6.442,2.612-6.929,6H2v2h5V12z M17,11v1
+	c0,2.757-2.243,5-5,5c-1.523,0-2.946-0.685-3.902-1.879c-0.346-0.432-0.976-0.503-1.406-0.155c-0.431,0.345-0.501,0.975-0.156,1.405
+	C7.875,18.042,9.866,19,12,19c3.521,0,6.442-2.612,6.929-6H22v-2H17z M10,12c0,1.105,0.895,2,2,2s2-0.895,2-2s-0.895-2-2-2
+	S10,10.895,10,12z"/> </symbol></svg>
 
 <div id="icons">
 	<div>
@@ -511,6 +515,12 @@ <h1>Social Logos</h1>
 		</svg>
 		<p>logo-youtube</p>
 	</div>
+	<div>
+		<svg width="24" height="24" class="social-logo share">
+		<use xlink:href="#share" />
+		</svg>
+		<p>share</p>
+	</div>
 </div>
 
 </body>