Edit in JSFiddle

<div class="btn btn-lg btn-login twitter" style="background: #55acee">
	<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
				<g>
					<path d="M55.975,13.846c2.854-1.751,4.743-4.144,5.668-7.185c-2.775,1.473-5.54,2.483-8.302,3.041
					c-2.485-2.67-5.628-4.027-9.397-4.027c-3.685,0-6.797,1.293-9.335,3.808c-2.526,2.532-3.802,5.609-3.802,9.201
					c0,1.092,0.139,2.066,0.414,2.894C20.356,21.207,11.363,16.699,4.276,8.025c-1.2,2.123-1.801,4.284-1.801,6.52
					c0,4.596,1.94,8.237,5.811,10.911c-2.208-0.187-4.154-0.745-5.811-1.66c0,3.281,0.965,6.021,2.896,8.435
					c1.94,2.389,4.43,3.91,7.472,4.56c-1.103,0.283-2.264,0.418-3.458,0.418c-1.102,0-1.882-0.092-2.345-0.293
					c0.813,2.673,2.345,4.842,4.561,6.502c2.207,1.667,4.746,2.546,7.6,2.624c-4.705,3.692-10.084,5.517-16.171,5.517
					c-1.49,0-2.546-0.021-3.186-0.133c5.995,3.893,12.667,5.824,20.049,5.824c7.555,0,14.231-1.915,20.042-5.743
					c5.812-3.807,10.1-8.505,12.854-14.036c2.77-5.525,4.14-11.276,4.14-17.28v-1.653c2.678-2.014,4.843-4.282,6.499-6.786
					C61.025,12.786,58.541,13.489,55.975,13.846z"/>
				</g>
				</svg>
	Login with Twitter
</div>


<div class="btn btn-lg btn-login facebook" style="background: #3b5998">
	<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
					 width="64px" height="64px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
				<path class="facebook social-icon" id="Facebook" d="M38.078,22.431c0,2.268,0,12.391,0,12.391H29v15.152h9.078V95h18.649V49.975h12.513
					c0,0,1.172-7.265,1.74-15.209c-1.629,0-14.183,0-14.183,0s0-8.815,0-10.36c0-1.548,2.033-3.631,4.043-3.631c2.006,0,6.239,0,10.16,0
					c0-2.063,0-9.191,0-15.774c-5.235,0-11.189,0-13.814,0C37.617,5,38.078,20.167,38.078,22.431z"/>
				</svg>
	Login with Facebook
</div>


<div class="btn btn-lg btn-login google" style="background: #999999">
	<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
					 width="64px" height="64px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
				<g>
					<path d="M256,0C114.615,0,0,114.615,0,256s114.615,256,256,256s256-114.615,256-256S397.385,0,256,0z M408.027,408.027
						c-19.76,19.759-42.756,35.267-68.354,46.094c-6.502,2.75-13.105,5.164-19.801,7.246V423c0-20.167-6.916-35-20.75-44.5
						c8.668-0.833,16.625-2,23.875-3.5s14.918-3.667,23-6.5c8.084-2.833,15.334-6.208,21.75-10.125c6.418-3.917,12.584-9,18.5-15.25
						c5.918-6.25,10.875-13.333,14.875-21.25s7.168-17.417,9.5-28.5c2.334-11.083,3.5-23.292,3.5-36.625c0-25.833-8.416-47.833-25.25-66
						c7.668-20,6.834-41.75-2.5-65.25l-6.25-0.75c-4.332-0.5-12.125,1.333-23.375,5.5s-23.875,11-37.875,20.5
						c-19.832-5.5-40.416-8.25-61.749-8.25c-21.5,0-42,2.75-61.5,8.25c-8.833-6-17.208-10.958-25.125-14.875s-14.25-6.583-19-8
						s-9.167-2.292-13.25-2.625s-6.708-0.417-7.875-0.25s-2,0.333-2.5,0.5c-9.333,23.667-10.167,45.417-2.5,65.25
						c-16.833,18.167-25.25,40.167-25.25,66c0,13.333,1.167,25.542,3.5,36.625s5.5,20.583,9.5,28.5s8.958,15,14.875,21.25
						s12.083,11.333,18.5,15.25s13.667,7.292,21.75,10.125s15.75,5,23,6.5s15.208,2.667,23.875,3.5c-13.667,9.333-20.5,24.167-20.5,44.5
						v39.115c-7.549-2.247-14.99-4.902-22.3-7.994c-25.597-10.827-48.594-26.335-68.353-46.094
						c-19.758-19.758-35.267-42.756-46.093-68.354C46.679,313.195,41,285.043,41,256s5.679-57.195,16.879-83.675
						c10.827-25.597,26.335-48.594,46.093-68.353c19.758-19.759,42.756-35.267,68.353-46.093C198.805,46.679,226.957,41,256,41
						s57.195,5.679,83.676,16.879c25.598,10.827,48.594,26.335,68.354,46.093c19.758,19.758,35.266,42.756,46.092,68.353
						C465.32,198.805,471,226.957,471,256s-5.68,57.195-16.879,83.675C443.295,365.271,427.785,388.27,408.027,408.027z"/>
				</g>
				</svg>

	Login with Github
</div>


<div class="btn btn-lg btn-login google" style="background: #0976b4">
	<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
					 width="64px" height="64px" viewBox="0 0 430.117 430.118" style="enable-background:new 0 0 430.117 430.118;"
					 xml:space="preserve">
				<g>
					<path id="LinkedIn__x28_alt_x29_" d="M398.355,0H31.782C14.229,0,0.002,13.793,0.002,30.817v368.471
						c0,17.025,14.232,30.83,31.78,30.83h366.573c17.549,0,31.76-13.814,31.76-30.83V30.817C430.115,13.798,415.904,0,398.355,0z
						 M130.4,360.038H65.413V165.845H130.4V360.038z M97.913,139.315h-0.437c-21.793,0-35.92-14.904-35.92-33.563
						c0-19.035,14.542-33.535,36.767-33.535c22.227,0,35.899,14.496,36.331,33.535C134.654,124.415,120.555,139.315,97.913,139.315z
						 M364.659,360.038h-64.966V256.138c0-26.107-9.413-43.921-32.907-43.921c-17.973,0-28.642,12.018-33.327,23.621
						c-1.736,4.144-2.166,9.94-2.166,15.728v108.468h-64.954c0,0,0.85-175.979,0-194.192h64.964v27.531
						c8.624-13.229,24.035-32.1,58.534-32.1c42.76,0,74.822,27.739,74.822,87.414V360.038z M230.883,193.99
						c0.111-0.182,0.266-0.401,0.42-0.614v0.614H230.883z"/>
				</g>
				</svg>
	Login with Linkedin
</div>


<div class="btn btn-lg btn-login google" style="background: #fe7a15">
	<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
	<g>
			<path id="path2830" d="M10.207,36.963l4.401,0.044l-0.153,19.599h29.292V37.078h4.638v24.287H10.183L10.207,36.963L10.207,36.963z"/>
			<rect id="rect3604" x="17.384" y="48.55" width="22.944" height="4.882"/>
			<rect id="rect3606" x="17.627" y="40.861" transform="matrix(-0.9954 -0.0961 0.0961 -0.9954 54.0215 89.3262)" width="23.067" height="5.004"/>
			<rect id="rect3606-1" x="18.909" y="32.867" transform="matrix(-0.9624 -0.2716 0.2716 -0.9624 50.1342 77.6775)" width="23.067" height="5.005"/>
			<rect id="rect3606-1-3" x="22.448" y="24.201" transform="matrix(-0.856 -0.517 0.517 -0.856 49.264 67.1307)" width="23.067" height="5.005"/>
			<rect id="rect3606-1-3-7" x="29.785" y="16.295" transform="matrix(-0.5824 -0.8129 0.8129 -0.5824 50.1031 63.3325)" width="23.067" height="5.004"/>
			<rect id="rect3606-1-3-7-6" x="40.14" y="12.153" transform="matrix(-0.1649 -0.9863 0.9863 -0.1649 45.7383 68.0375)" width="23.067" height="5.004"/>
	</g>
	</svg>
	Login with StackOverflow
</div>


<div class="btn btn-lg btn-login google" style="background: #dd4b39">
	<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="64px" height="64px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
	<g>
		<path class="google social-icon" d="M53.267,56.855l-4.533-3.522c-1.38-1.144-3.27-2.656-3.27-5.422c0-2.778,1.889-4.544,3.527-6.18
			c5.28-4.157,10.557-8.581,10.557-17.903c0-9.586-6.031-14.629-8.923-17.022h7.795l8.181-5.14H41.816
			c-6.801,0-16.603,1.608-23.779,7.533c-5.408,4.666-8.046,11.099-8.046,16.892c0,9.831,7.548,19.798,20.88,19.798
			c1.259,0,2.636-0.124,4.022-0.252c-0.623,1.515-1.252,2.777-1.252,4.917c0,3.905,2.006,6.299,3.774,8.567
			c-5.663,0.39-16.237,1.018-24.033,5.809c-7.424,4.415-9.684,10.84-9.684,15.376c0,9.335,8.8,18.029,27.045,18.029
			c21.636,0,33.089-11.971,33.089-23.823C63.834,65.804,58.803,61.519,53.267,56.855z M36.788,42.357
			c-10.824,0-15.727-13.992-15.727-22.434c0-3.288,0.623-6.682,2.763-9.333c2.019-2.524,5.533-4.162,8.814-4.162
			c10.434,0,15.846,14.118,15.846,23.197c0,2.271-0.251,6.296-3.144,9.207C43.317,40.853,39.931,42.357,36.788,42.357z
			 M36.912,93.053c-13.46,0-22.139-6.438-22.139-15.392c0-8.949,8.048-11.977,10.816-12.979c5.281-1.778,12.076-2.025,13.21-2.025
			c1.258,0,1.887,0,2.889,0.126c9.568,6.81,13.721,10.203,13.721,16.65C55.41,87.239,48.992,93.053,36.912,93.053z"/>
		<polygon class="google social-icon" points="85.036,42.165 85.036,29.56 78.811,29.56 78.811,42.165 66.226,42.165 66.226,48.459 78.811,48.459 78.811,61.142
			85.036,61.142 85.036,48.459 97.684,48.459 97.684,42.165 	"/>
	</g>
	</svg>
	Login with Google Plus
</div>

              
            
          
            
              
                
.btn-login {
  color: #fff;
 	width: 100%;
  max-width: 380px;
	font-size: 18px; 
  display: block;
	margin: 5px auto;
}
  
.btn-login svg {
	vertical-align: middle;
	width: 24px;
	height: 24px;
	fill: #fff;
	margin-right: 10px;
	display: inline-block;
}