Twitter icon fix

This commit is contained in:
Minesh Mitha 2018-10-21 23:29:04 +01:00
parent 8d3b03fd26
commit b846672213
2 changed files with 16 additions and 4 deletions

View file

@ -10,8 +10,13 @@
border-radius: 100%;
line-height: 30px;
text-align: center;
transition: all 0.2s ease;
&.twitter {
background:#4DC2FE
background:#4DC2FE;
img {
margin-top: 8px;
margin-left: 2px;
}
}
&.facebook {
@ -34,5 +39,9 @@
margin-top: 7px;
}
}
&:hover {
background: $brand-color;
}
}
}

View file

@ -1,15 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="13px" viewBox="0 0 17 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg width="18px" height="14px" viewBox="0 0 18 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>twitter</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Route-4---Expanded-Copy-2" transform="translate(-830.000000, -920.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g id="Route-4---Expanded-Copy-2" transform="translate(-830.000000, -920.000000)" fill-rule="nonzero">
<g id="Group-11" transform="translate(0.000000, 656.000000)">
<g id="Group-10" transform="translate(761.000000, 194.000000)">
<g id="Group-5">
<g id="Group-7" transform="translate(62.000000, 61.000000)">
<path d="M7,20.3784787 C7.23887844,20.4052125 7.50505328,20.4185791 7.79853251,20.4185791 C9.33417962,20.4185791 10.7025913,19.9574295 11.9038086,19.0351165 C11.1871733,19.0217496 10.5456237,18.8062123 9.97914051,18.3884981 C9.41265735,17.9707839 9.02363258,17.4377885 8.81205454,16.789496 C9.03728278,16.8229132 9.24544516,16.8396215 9.43654791,16.8396215 C9.73002714,16.8396215 10.0200895,16.8028632 10.3067436,16.7293455 C9.54233258,16.5756266 8.90931421,16.2030311 8.40766949,15.6115478 C7.90602476,15.0200644 7.65520616,14.3333525 7.65520616,13.5513915 L7.65520616,13.5112911 C8.11931284,13.7652614 8.61753755,13.9022696 9.14989521,13.9223199 C8.69943873,13.6282491 8.34112644,13.2439577 8.07494761,12.7694344 C7.80876877,12.294911 7.67568135,11.7802948 7.67568135,11.2255703 C7.67568135,10.6374287 7.82583126,10.0927375 8.12613559,9.59148039 C8.95197248,10.5873111 9.95695313,11.3842979 11.1411077,11.9824647 C12.3252622,12.5806315 13.5930052,12.913127 14.9443747,12.9799613 C14.8897739,12.725991 14.8624739,12.4787079 14.8624739,12.2381045 C14.8624739,11.3425252 15.184955,10.5789551 15.8299268,9.94737114 C16.4748986,9.31578722 17.2546543,9 18.1692175,9 C19.1247313,9 19.9300808,9.3408497 20.5852902,10.0225593 C21.3292259,9.88220734 22.028788,9.62155757 22.6839975,9.24060219 C22.4314688,10.0091964 21.9468941,10.6040125 21.2302588,11.0250685 C21.8649929,10.9582342 22.4997176,10.791151 23.1344517,10.5238139 C22.6771701,11.1787898 22.1243454,11.7368476 21.4759611,12.1980042 C21.4827862,12.2915721 21.4861987,12.431922 21.4861987,12.619058 C21.4861987,13.4879036 21.3565238,14.3550653 21.09717,15.2205692 C20.8378163,16.0860731 20.4436728,16.9164765 19.9147277,17.7118044 C19.3857826,18.5071323 18.7561767,19.2105525 18.0258912,19.8220862 C17.2956056,20.4336198 16.4151812,20.9215027 15.3845913,21.2857495 C14.3540015,21.6499963 13.2517646,21.832117 12.0778477,21.832117 C10.2282461,21.832117 8.53564712,21.3475758 7,20.3784787 L7,20.3784787 Z" id="twitter"></path>
<g id="twitter" transform="translate(6.000000, 7.000000)">
<rect id="Rectangle" x="0" y="0" width="18" height="16"></rect>
<path d="M1,14.0837077 C1.25368393,14.1120983 1.53635608,14.1262934 1.84802491,14.1262934 C3.47885019,14.1262934 4.93207493,13.6365622 6.20774271,12.6570849 C5.44669091,12.6428896 4.76537856,12.4139935 4.16378524,11.9703896 C3.56219191,11.5267858 3.1490557,10.9607558 2.92436422,10.2722827 C3.16355192,10.307771 3.38461604,10.3255149 3.58756318,10.3255149 C3.89923202,10.3255149 4.20727217,10.2864783 4.51169289,10.2084041 C3.6999043,10.0451579 3.02765196,9.64946919 2.4949157,9.02132618 C1.96217944,8.39318317 1.69581531,7.66390943 1.69581531,6.83348307 L1.69581531,6.79089732 C2.18868695,7.06060844 2.71779122,7.20610831 3.28314398,7.2274013 C2.80476857,6.91510421 2.42424838,6.50699481 2.14157199,6.00306087 C1.85889561,5.49912693 1.71755954,4.95261522 1.71755954,4.36350934 C1.71755954,3.73891516 1.87701562,3.16046446 2.19593256,2.62813987 C3.07295416,3.68569138 4.1402227,4.53207478 5.3977702,5.16731545 C6.6553177,5.80255612 8.00163438,6.15565947 9.43676063,6.22663608 C9.37877573,5.95692495 9.34978372,5.69431543 9.34978372,5.43879963 C9.34978372,4.48771304 9.69225189,3.67681741 10.3771985,3.00608844 C11.0621451,2.33535946 11.8902295,2 12.8614766,2 C13.8762123,2 14.7314768,2.36197529 15.4272956,3.08593673 C16.2173398,2.93688584 16.9602602,2.66008121 17.656079,2.25551452 C17.3878988,3.07174556 16.8732906,3.70342792 16.1122388,4.15058057 C16.7863132,4.07960396 17.4603775,3.9021651 18.134452,3.61825865 C17.6488285,4.31382944 17.0617402,4.90647526 16.3731695,5.39621388 C16.3804176,5.49558113 16.3840416,5.64462978 16.3840416,5.84336429 C16.3840416,6.76606024 16.2463295,7.68696796 15.9709013,8.60611508 C15.695473,9.5252622 15.2769008,10.4071334 14.7151721,11.251755 C14.1534434,12.0963767 13.484815,12.8433943 12.709267,13.4928303 C11.933719,14.1422663 10.9987265,14.6603878 9.90426154,15.0472104 C8.80979657,15.4340329 7.63924398,15.6274413 6.39256865,15.6274413 C4.42833019,15.6274413 2.63082529,15.1128685 1,14.0837077 L1,14.0837077 Z" fill="#FFFFFF"></path>
</g>
</g>
</g>
</g>

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB