From fa8fdaabac6b7e49ec1bdc5a3d6f9251586263c7 Mon Sep 17 00:00:00 2001 From: Arturo Acevedo Date: Fri, 1 Dec 2017 13:14:56 -0600 Subject: [PATCH 01/12] Aligned to guideline and path optimized Airbnb, Amazon, Authy, Badoo and Bitcoin. (#98) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Visually centered a few icons, some new paths and optimizations. Apple - Visually centered and change the path to more a accurate one. Bytes: 1011 —> 580. Dropbox - Visually centered and change the path to fix point alignment. Bytes: 338 —> 350. Twitter - Visually centered. Bytes: 425 —> 431. Ubuntu - Visually centered and change the path and color to a more accurate one. Bytes: 755 —> 674. Vimeo - Visually centered. Bytes: 375 —> 379. WhatsApp - Visually centered and change the path and color to more a accurate one. Bytes: 646 —> 611. Windows - Visually centered and change the path to fix the lines between shapes. Bytes: 274 —> 284. Hope this helps. FYI: Wikicommons have good SVG shapes and most companies have brand guidelines with accurate logo renditions and colors. * Removed newlines, fixed Ubuntu color and updated ReadMe and Twitter PNG. * Twitter PNG Artifacts Fix. * Optimizations and new color palettes. Apple - New color palette that better represents the brand, and tiny bit smaller. Ubuntu - I keep finding ways to make this one smaller. Wikipedia - New color palette that better represents the brand, and bit smaller. * Update * Update drama * Solving conflicts * Solved conflicts. * Optimizations and new color palettes Apple - New color palette that better represents the brand, and tiny bit smaller. Ubuntu - I keep finding ways to make this one smaller. Wikipedia - New color palette that better represents the brand, and bit smaller. * More Ubuntu optimizations. Learning SVG as we go. * Revert "More Ubuntu optimizations." This reverts commit 74c1a459594584bfff0fa81171198f6bed41c77a. * More Ubuntu Optimizations. * Guidelines Folder. * Guidelines. Added guidelines with instructions. * Revert "Guidelines." This reverts commit eb30dfe16364f46fce6104044fe23b3572bf7274. * Revert "Revert "Guidelines."" This reverts commit 76edce25ec846bb4e4673b0659766901e0124030. * Removed guidelines for small squares. * Aligned to guideline and path optimized Airbnb, Amazon, Authy, Badoo and Bitcoin. All were aligned accordingly and optimized to the following percentages: Airbnb - 43% Amazon - 0% Authy - 38% Badoo - 23% Bitcoin + 1% I’ll update Readme. * Fixed Amazon radius. Whops. --- guidelines/Instructions.md | 13 +++++++++++++ guidelines/guideline.svg | 6 ++++++ images/svg/airbnb.svg | 2 +- images/svg/amazon.svg | 2 +- images/svg/authy.svg | 2 +- images/svg/badoo.svg | 2 +- images/svg/bitcoin.svg | 2 +- 7 files changed, 24 insertions(+), 5 deletions(-) create mode 100644 guidelines/Instructions.md create mode 100644 guidelines/guideline.svg diff --git a/guidelines/Instructions.md b/guidelines/Instructions.md new file mode 100644 index 00000000..eb042517 --- /dev/null +++ b/guidelines/Instructions.md @@ -0,0 +1,13 @@ +# Guidelines + +This is the standard guideline. It helps with sizing for both square and circle icons, so they would look good no matter what border radius is chosen. + +* **Green** is the safe zone, where the main body of the icon should be. + +* **Yellow** is like a road shoulder, it's there if more space is needed. It should be used for protruding elements, like corners or ornaments. + +* **Red** is off limits. It should not be touched by the icons. Red is also how a circular icon would look. + +—— + +Needless to say, these are just guides. If they don't accommodate a certain shape, then they shouldn't be followed strictly. \ No newline at end of file diff --git a/guidelines/guideline.svg b/guidelines/guideline.svg new file mode 100644 index 00000000..c1d255dd --- /dev/null +++ b/guidelines/guideline.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/images/svg/airbnb.svg b/images/svg/airbnb.svg index cbe93e58..eb5b33e9 100644 --- a/images/svg/airbnb.svg +++ b/images/svg/airbnb.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/images/svg/amazon.svg b/images/svg/amazon.svg index 1f56378c..c12ca26a 100644 --- a/images/svg/amazon.svg +++ b/images/svg/amazon.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/images/svg/authy.svg b/images/svg/authy.svg index 0ff1bbef..04fd6d84 100644 --- a/images/svg/authy.svg +++ b/images/svg/authy.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/images/svg/badoo.svg b/images/svg/badoo.svg index 7cc54a5c..65c2e245 100644 --- a/images/svg/badoo.svg +++ b/images/svg/badoo.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/images/svg/bitcoin.svg b/images/svg/bitcoin.svg index 3be0cd68..fdf26746 100644 --- a/images/svg/bitcoin.svg +++ b/images/svg/bitcoin.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file From c966e1712856ac0880cc15d9bfd4fc7ce6a5a669 Mon Sep 17 00:00:00 2001 From: edent Date: Fri, 1 Dec 2017 19:15:34 +0000 Subject: [PATCH 02/12] Remove guideline folder --- guidelines/Instructions.md | 13 ------------- guidelines/guideline.svg | 6 ------ 2 files changed, 19 deletions(-) delete mode 100644 guidelines/Instructions.md delete mode 100644 guidelines/guideline.svg diff --git a/guidelines/Instructions.md b/guidelines/Instructions.md deleted file mode 100644 index eb042517..00000000 --- a/guidelines/Instructions.md +++ /dev/null @@ -1,13 +0,0 @@ -# Guidelines - -This is the standard guideline. It helps with sizing for both square and circle icons, so they would look good no matter what border radius is chosen. - -* **Green** is the safe zone, where the main body of the icon should be. - -* **Yellow** is like a road shoulder, it's there if more space is needed. It should be used for protruding elements, like corners or ornaments. - -* **Red** is off limits. It should not be touched by the icons. Red is also how a circular icon would look. - -—— - -Needless to say, these are just guides. If they don't accommodate a certain shape, then they shouldn't be followed strictly. \ No newline at end of file diff --git a/guidelines/guideline.svg b/guidelines/guideline.svg deleted file mode 100644 index c1d255dd..00000000 --- a/guidelines/guideline.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file From b8f81ea3126a578774f441ac51bdbdb6b02402e3 Mon Sep 17 00:00:00 2001 From: edent Date: Fri, 1 Dec 2017 19:43:50 +0000 Subject: [PATCH 03/12] New Patreom Fixes #96 --- README.md | 2 +- images/reference/index.md | 2 +- images/reference/patreon.png | Bin 0 -> 14054 bytes images/svg/patreon.svg | 2 +- 4 files changed, 3 insertions(+), 3 deletions(-) create mode 100644 images/reference/patreon.png diff --git a/README.md b/README.md index 30084494..c7b0cef8 100644 --- a/README.md +++ b/README.md @@ -117,7 +117,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
398 Bytes
273 Bytes
256 Bytes -
324 Bytes +
251 Bytes
276 Bytes diff --git a/images/reference/index.md b/images/reference/index.md index 32282731..2eec86ca 100644 --- a/images/reference/index.md +++ b/images/reference/index.md @@ -77,7 +77,7 @@ Where possible this links to the organisation's brand guidelines page. | | | https://disqus.com/brand/ | | | | https://ghost.org/design/ | | | | https://opensource.org/logo-usage-guidelines | -| | | https://www.patreon.com/brand/guidelines | +| | | https://www.patreon.com/brand/guidelines | | | | https://www.atlassian.com/company/news/press-kit | | | | https://newsroom.intel.com/news/intel-accelerates-ai-innovation-3-new-intel-capital-investments/intel-logo-default/ | | | | https://team.badoo.com/new/ | diff --git a/images/reference/patreon.png b/images/reference/patreon.png new file mode 100644 index 0000000000000000000000000000000000000000..577416c641e6c8769d1f29e76c23120f2c6914e6 GIT binary patch literal 14054 zcmeHuc{tSV+c)1v4O5IggehB+rR-Unh{_&WvJSWGTlVZzmOEvsY>}ngmVL{^mvzFd_^F?`REsYzes934U$jDCJx_Moj zj0{o(KWO-I@Rz_W=_>FGW_?Zl8W~wh6oO<fu>D)d?m$ej3d*B4Orh?}u= zs1R->D&io;rV9C@W7y4#P;WI*n>r`kCM{~;SvldXu_j|pkn7E}PiCK>=77PGD0C1R zIke6=FE=SD@w)|scQ7FnUcrBNW6zLd`A@W3K}YQ%+_y7FqhRoFaJZT@T7v#}8^${a zCj0dn>INF~iM;gX?>0(A`ow=0lZGH2>gdk@ERJoH{H~{oO`mT&e%FSyvb=>kKN1@^>40;dXeU!`Y*`P$J*ShSh$z!I6&rUi8nA z{%DE(kKz6DhCjY^1Q&nc;RtsBfcQ})`5%S{e_EuC-qfr96T$o9;UiHR$&8UcR)%FK zH;W$QaO8W<;q5|<$AudVX8w9s-1qfKC=VOwaO$Jun>2ehHT&D2C4UkI8FzlJuxE8A zuuLS%%c-@?XWa|zg1<2Jm3x{bC9US|;d*+IczTlP{eYA=y&c~YRyi3^%WD{S4P^oX z`1k~~={B|MCgm|ZhJ@o@j9DVZ=b*biEDfJ}io0?JLUhAUQ7Xop@#c$Jz7%=;qoiYs z$FL@RAwpyWKcwH(+a2ZTSI3az|I> z_q;P3vRUqL%33O5RL(DPHLxyMzUgzY_F6Mlo}IraFVC5X3vch-PpA#zFVZ|kBftL> zzv@2sC@REg#a~Kx^XIx7Vb%?TokPy|mv>PI=%2a9m3ybDN}V~k-#Ni4^|Gjg+d-19 z9oBG?r+B{UQPT|x4qAyxjQ5b=-n4nWxID5nTD!lc>hX&v!7bS{P7QOfU7C|=f@?W^ z>T*?YOJWTv;cDe}*1k+!BIPZ^w`YY#EH+}BTWS17943iFmhTf^J5P3zHf{D9<0`+$ zQod*suN-46Y*^@W>Fo3hp?r}QBU$|tj-0Ou!u2^`km&-HW%eeq%mk|U*+|@D%lOPW zeh&Y3dDgsoOK`YQ@rK8%yJc1(qbt7L#x5HX(_4dMr$0s}o!0daKdWU;j?L*BclJ_7b%dI@gWYvi)-i9HgOv1&Q@(`Dm-9=$gwyIWIr9&HKP9x+>p1-uQFQVz zr&`Gg1zqK|CP2YLk_L0WP-JPe4enMMiJMl{6Xw~QB8{A{?AF}aFm+tg+xq4v94ZzWwIQQkJDH ztto{vyU*>L?^_#-?EdqzO~F74%RvQKlY^<=c%DT%nwGDwjJt9CzHl zfX-=u@U!r zuz?-iZnKB=8MZFcexvz9 zdbCOHW$L0b^!3qFN8k;k3p~ZG3Xht8g!x?}eJ7;`M+}h?QOBD_*e^2)UZ-;U{HD_`G5Cijmev8;!A}>sW!ogI9+&9q66p z2rY$Ql5uU(A=3o*D*dXTG0tK5kF6XqZAN5*_HvyE{drWh9K}{U;S56;abmDp;n8u1 zgvRJxDu;I;l&2%t16d`E0t<45u8qTdxKSb-e|KY`1$ch-T6kGt-p}pi3RUaRdOI9g z#yFD;#=bix(^K_c{@sKA3MdMImmxw%T)_DJoLU^M!!q&XE*!Q9OU=*z2e^7UrT9(T z=x>V@S=^&epJ6q8A~u)?D>Gx@_PiMMwFH>u)Iyd3N+M-ILTJ3R<)0(SMakl_p=;P2W@mnzG{1lTVr}1Zf?uZ@++BaF*x!@p>cPN) zn`-RJ!{H)r01%lYnFde+{g7=^r`4pNM~M=X-T1W*V_$5&7Y9q%0f9^LAi$*DERQ0K z2PKl(@0`aYqKO4wB2U^3<|6S)YOl0pymw!NDFLD1NFzS*O^E`SnI8f6Wk zwTZ$VdIE9y^9gU(Ou4bPGd#5{>j`C%_OkW0*Du>w^!Om)04|F9X${iQOmPk62PufL z7G+3@qEr%T>_0-&ME69<*qv$yejUJ)QZH2q(xwQ#DfX(k&vcz3s$%vN!P%IRBy+Zw z=Jg5e1u&WJO3DZ&1H(|s57rl{XSVwvrk~>Kd4+oyVZimui!}XOlk?!a7@svE0rsl? zl82%oYy=f;a%F0ab5DQfYLUF7RH7o17>0Z2Tzy|^!|23Ul-6CKu+jn@DeNpo>0pep z`~^FV_O%@d3BIB?|`=kxZU9Hp~d1o`Qi^q2~$^8*{8jF0;$f_ zZOyyjQe=Lhw4}jgu7Wxuhm)}_>=SY(-6#mN3r}sZxcesvOQH3GF5>s>DPUOxJBi8Y z7K&0YK9kL|zsA@KXOgvWXR!DQw`}(HRP!bEfuwbwK)Sz8(U|ZCB`WS7QS6JTAz_E& zfeUg;?`9^g)1W<(=}ZoGmk0B#CtK zxdzQKs+dUJj(q^i&$cqEbGt7UX2)Ml`toSpzA!GiVB(+O6Imfh89x*V^8PzL0I9G= zE0;d;h}unlCo-QG`7p`FNJnJ;<^K+KE35}=9%d-58`uW_-C+C)7!8yR^l>GJFa)E5 z|Fk!jpJFrHSHnIFMZPJ-&9a@Ok#Q)w?ZKS3_6c}ttn+J%4Bl1F2(~4wqNP<-bRuqA z$m*qGd%9r}jzL$3K@rmk`S1LsK0y%oX_OgONy~zgo*MLux7dx0Ubv`=$yJE&yE&B# zrEU`k%!i`yc_VM?O|ANmU*;K}_41yEbi&xCR$(-J3_Yl&`A)E*fhegi%GzLt{KIJYs$5l9f&oZTdbDu&sAIb$M|eTT(cf9Wtc;Sw z3gb)teV$Z&jRZl2-P}tH8mAxfwLV~R*ZgFfLuJWa;{F(Wr*?9}1EIFO;VA}g!4m0*_7yoDoPz2p#m=Hc#Ig7Ep=IRh1yOA*z*$@$qX?{rqlv(l$0-SunzmAJVzAtfjUHaZcDI_w@HmdK_Qk(=xz} zc1oO=9Y6yTfJ|V@_=^oIfgmnxCpEGcdO{6hc7tDRn7EJPAKbib!=zy70XmHjY7V_f zU#fc28+qOcK(SGuAB>9Xr@bs=<@9PlRiwmIGORQdu$sU%-F+Fz{jzwcQrZdVuE8R} zm=mI>Rf5pG#V>b1Nz)plfb7WnV_@NMhnkc;2Il*sp|~-~>Ag(l-`(v2LozJT`>A^0T|(zet->JDTw~2L+VdBSyX*uQIqXs7&;j2eku3hS8^8Nb zn8*f(!m{X)>ete;Art@I(EhN3o?hFhd}!do0c7_t!~pD#6||FwC}0BywiL|y7pJV? z*lo)EvfRm`uI`V6Pk?!U7<+n7D>o=LRQ0e|+EorYwgOjX~dqK-!y?pVOfjgjU2P5cub=wE;tFOUvTYx{k>_+s?#d zbrO`wXabjj{Y>B|76D36-qH`d{I2L^F`^@mfr?{&yJ%dgE^Zz%O z{s05T0GnT1E=FTB{hS4RT0YJKLCx0T)zjRunQ;dBKc&@g2BG1qRB9TJ=zt38E~zV} z{f(RYz{G#K<1_?wg^@x*;eIv?49lv*tEKs28&$nk3jK6N>EMmM<6RH`ReTT_1FopSPABI(iwh+wuc=*g`Z4(+^K@Pj}19aebX4X)(-IeQ=b?!7J~L_ zYp9-H4kp9OVgpS4*F8%PLGj5#LI!4wRyf8IDB@z(@>ZRJv|ppE|Dpb)V=|`G!-7VipCIK5k1-=oxz= z$Z0(24Lo^zsIa!Z)^9Bg-RN$bg1)tEbPgG$lk}njRa?NYY_!Yo>#$!u4 zu}qZ28}&-XS?Z=!f|_1@fz&aSz(jLwg@B3j)^GY?Z-;{02R;$oPknVJ4tzb1z$QlT zcyjl!V(-)QRa#k;(cLu0G;vQFJx+x(h0KnuG?95V%4gk5895&r1QtxUO#N>b#5Cmv zG{=x`X`KUEZ-Pqd}gEMPqr!CgAQ8&zlcDlmFFbf_uc zc4@6FFeodl8qR?9zSoo?vJoMPcq#@IM?opO-qem5abUy#Yb@fB=5AQMc(Ikb;nd4H zGZmjbCbL2?zA$?j&OqnAvt1JMk>z?2jzp0Xa1E3AE>f@)$fq-WI2DZm2FH|^c-a<< z-%xdK5EryP_C#182zId70Y*hByYVVD7}3ab9U~8E%FR_)tiS&8{UOlHHK}HJ4FBpX zeRqs>ay6V=c(rHJPZJQ?n3F)hC+)64N-z#@e9pP%r)SY%a6|U&v6=P|U~5h8$LY>% zV(?Xu&Bxx~`mS!n3q3~25{bQ!5e5OnVCvz2X1TPqaGLKarcZK-(2!4RuA_fsascFz z`zo4%egM(PZn{5s@$xac3F>|)CZzU?WY`47O;7<*GUm>5YoVvQ!Z-v(J|Q94EYoVe z*#C=tP7S-S>8vhMkVBPY>mo1!3vji}7m3m6OW1c&{yeghp2j7O0De{@ah+Sl=^6Hu zf&A(~AQ4}#10Fraxs$?{c-9e%U!2&IC0!qZ>rK*ug?aLMd9>7UI+Ta#CURq{>jWpF z*SaHNJ?ARrzg0Im=BnwgU0?afEO73NF7<@h!L^eknFzIl4RINu&C*e6Z+0CWOHbZa z4s4!N-MU=rZZH5nNaybJ*|S>Dak`S@x4)=mosEve1>e$XVvorFCJTS70Prm&SDNxC zdTKF=6g+lJUXh-uYIC5rIsa}M9aHg7J)rD@K5>NAi?da7*id!kl0z=nw$>MyPJ* zBb0vfY;+-R!%G%v`cj17giOG>8gLR0&J@O3r)~ZpKg2QnhluOI8sL)+b-wW7S zLyMC@V<%0tj$tX_uiO^O&-%)}I6)2(7^S{T#y4ys4@K+;^1b{& zm{Gpf1IjNb8m5dnC*t(=o6AUu>6jr^)~yS|t0dK#rr~&FqiqiZbUE;HyA9QHO2jLd zfsp9}+g^I6Vt42ODYf5$X#U9}>VmY%1M1UrI>Du7JoQ1JH`vU?PyGkwQ*LmK_?CC9 z#wuyYBl4%{U|CcW>TL^DXS_aAoUQ%*<^*8b0e)Sa#&0h71HulN_AkPoNb5Zt65m`T z%-P$4+@*UHfqUPk({w-@kWsep?FkpWew52h-N;TQj9=4u#7&{G-Fa`iJja>4+Vjau z9oWk@$D1Iu4it5Dy>6*njK^y33fyv#YqzbMdC;7HK@ zZhAup38|s@s|+9+WNa<0b_e<&@OUtwdlqav)K0dwe&AU>Eg5hsPr>rE7z&NOamGW>QhSLT5x5vVZtNAM7;xIE zBjN6}?)mycAV(7!dy_UQzl9{e5Wf9=i_)da)kP}2Ti@g9VP>o?krl3hc%V!(}iyE(?o#zZybI(QM?wl7{ls#5;KwdAE5QMb8aT2PlCXU!IL~nWxPDpdEPy{te)4 z^>t5_mOr-rz|WWXsZz6WUm-t@36h-HMicR`TSCDFL%)R_)3Z?UMnXBY;5k}q>Fd={ zt~&a*mp$g#Ljdtx3v#Z-D~0V&t#$$<=}cm|mR1V2q~14gE%chXmPQZau%v_^seKau z!YpazakC6B_TSjJ0i%}QkDnflkIFHfzEJoUCqT~|5+&aBW#~S=Kt1(`Y><{^j`|8{ z8eme>_hpPdX4oka20k(rrb#=>#Pv|q_8x%Ix(i?o<9<A1$_c2 z=!*$6nsG%(qc?Y+-`@2XeHGZhL0K@OZN$I2M$~WiG$R(RW{(o=zngccrxgIpGpc5P zihczhhTXlsHvV_jVqK7~E(;d_g`9JLY*4P>=w&4T+gk9YS0?@jiX8hWfVl3`*Y-{Y zlNmQeh27=wzwA&wH`q)c7+AvCoAd&G1DIgsnv4{d2#b_k_L_bYA=6sBW$ah~xcVP9 z)=HUSt0Ki_)fp3O{#p5)f+|3{#=34o<&3RP>CfvKWqtXQPXMNk4;dd;;x}oO(fqXe zZ)x+b)>Qb?0iAqJ_w;mi$&8^lgO0w*R7ROFRjQqF?-GFMyat91dINBI@D|O%Mwub# zvbz^}ify?fuQvvG>45B6d*Q7I-T7;nO&$02Et>d)?M*r>QKeWI zuUaCV{C2r>X8=`~GizR-ba@=e<3G)8R=khdsUsjH9 z-JIdC+Ed(ACZmCJz#eiuCu%5vYE6A}6QbtaCpAtNY3|jBiL!9yp*NE+?RS{56#(BH%{`IO21C_)V@uQVT0C>4>_W#OSzfAcy{_-kYeLf%5cW+nz)x@H zT-F3d{Jbq@m;h4qiIC|c7+g#^dXMRAm8cMW2~W&)X*=zelp{AMqbT2p?`)IxX3(Ni!}C(ujjw7lJ< z%gVh$-2%T2I-CDcB0$&xcVkh;|NQRKaX=dBPZjvG1MWF5I#je=o3@{n;ZaLm^HIvx zRGvv;x%{n{|1I?#VO!DWX~bTUeI!Bbql2jseyV7E?}h8M;msJB*} zRIdvO6csxV$0A2VOxTLt3>}B43a+SS&LsngB+dwWg{>D7b*hLpMonUpiiPf1896J1 za1367|Kw|6!b=6qh3wuh3WR+gb(WTqEvRd9EjP8F_*!c8+1P7TZW^#=o3Zd&y?Bb& zV`a(cTL8CiMf0n3iDdRI69*DQvY&D8U`|(Whnn|p3{d&+4jh zHkqviiWvva?L|bp>$@6|JWRL4$DsAWLxo>|KYMeP7`88@Ru6fn%9{aXL9T9i^~9^&vMka0#sA2 z1C%TEQMHzhS0bij{PXJ8@z=#$F>G2}m@+{A8m1|)VnJ_4r8rZg8Hn*Ai z>%+ZxYE{7!n;BNECt~tUNqck8p9r!tu}YyV7Vuoc z#wrW>A>I|y`=tFCO~yAr0#BA6K;kuA1{2zje7~PdGSDLv!mC-7j-ESm0}95|=b*}S z)EoZ0Mt0Pq187BOSCL6~^lePr39Z+ijQg^y{N=m028?+nSS(o6B`UZ z4Ni2-IeJKmz64@=LelNuEd}tYLTAODqsN752_STJbe{kH)DVzZ{?}GU7mnU$YJr=F z3$s=Xzh7!b1N~{03C12h#X1izc^KV9!;e}wZ=x|OZ-(Pkjt=(cm=Gvv9#uU5X!C!a z(f(AoDTp(Cj$X&om1in(^=T<-yw|1ioH`x^?L0W$Pw=pQltF$oYF s(SJPW4@&$N-Ke^-!PJs_7EKbF#dc~1-c;~Lp5C5`Ka3Ydrg2e|I7A^-pY literal 0 HcmV?d00001 diff --git a/images/svg/patreon.svg b/images/svg/patreon.svg index 63dbbd5f..768e7811 100644 --- a/images/svg/patreon.svg +++ b/images/svg/patreon.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file From fbb7c8e8e70c0233f3f595f2c8bb652495511a83 Mon Sep 17 00:00:00 2001 From: Tony Raoul Date: Fri, 1 Dec 2017 22:03:25 +0200 Subject: [PATCH 04/12] Gmail and Google Play Logos (#97) * gmail and google play Signed-off-by: tony * fix gmail icon display in chrome Signed-off-by: tony * fix gmail aria name Signed-off-by: tony --- README.md | 9 ++++++-- images/reference/gmail.svg | 28 +++++++++++++++++++++++++ images/reference/google_play.svg | 35 ++++++++++++++++++++++++++++++++ images/svg/gmail.svg | 1 + images/svg/google_play.svg | 1 + radius.html | 3 ++- 6 files changed, 74 insertions(+), 3 deletions(-) create mode 100644 images/reference/gmail.svg create mode 100644 images/reference/google_play.svg create mode 100644 images/svg/gmail.svg create mode 100644 images/svg/google_play.svg diff --git a/README.md b/README.md index c7b0cef8..45c01dde 100644 --- a/README.md +++ b/README.md @@ -125,9 +125,12 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
373 Bytes
943 Bytes
879 Bytes -
395 Bytes - +
612 Bytes +
745 Bytes + +
395 Bytes + ## Why so smallious? @@ -213,6 +216,8 @@ The majority of these vector logos are based on someone else's work. * [intel](https://commons.wikimedia.org/wiki/File:Intel-logo.svg) * [Badoo](https://team.badoo.com/new/) * [YouTube](https://www.youtube.com/yt/about/brand-resources/#logos-icons-colors) +* [Google Play](https://commons.wikimedia.org/wiki/File:Google_Play_symbol_2016.svg) +* [Gmail](https://commons.wikimedia.org/wiki/File:Gmail_Icon.svg) * [Samsung Internet](https://github.com/edent/SuperTinyIcons/pull/74/commits/8824bdaf1346a472ab425347f958e8e64c0948ee) From [SVGporn](https://github.com/gilbarbara/logos/) - CC0 diff --git a/images/reference/gmail.svg b/images/reference/gmail.svg new file mode 100644 index 00000000..d4018b9e --- /dev/null +++ b/images/reference/gmail.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/reference/google_play.svg b/images/reference/google_play.svg new file mode 100644 index 00000000..f078fd9b --- /dev/null +++ b/images/reference/google_play.svg @@ -0,0 +1,35 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/svg/gmail.svg b/images/svg/gmail.svg new file mode 100644 index 00000000..b0dbf571 --- /dev/null +++ b/images/svg/gmail.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/svg/google_play.svg b/images/svg/google_play.svg new file mode 100644 index 00000000..d0487cfd --- /dev/null +++ b/images/svg/google_play.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/radius.html b/radius.html index c77d9287..1ed10042 100644 --- a/radius.html +++ b/radius.html @@ -60,7 +60,8 @@ 'ibm', 'yammer', 'android', 'authy', 'blogger', 'cloudflare', 'codepen', 'digitalocean','discord', 'medium', 'airbnb', 'wifi', 'delicious', 'disqus', 'ghost', 'opensource', 'patreon', 'trello', - 'intel', 'badoo', 'laravel', 'twilio', 'samsunginternet' + 'intel', 'badoo', 'laravel', 'twilio', 'google_play', 'gmail', + 'samsunginternet' ]; var container = document.querySelector('.icons'); From ce829e529fb8f8929dbf7693b7568713b5c4878f Mon Sep 17 00:00:00 2001 From: edent Date: Fri, 1 Dec 2017 20:34:06 +0000 Subject: [PATCH 05/12] Centre Google Play --- README.md | 2 +- images/svg/google_play.svg | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 45c01dde..521a28c9 100644 --- a/README.md +++ b/README.md @@ -125,7 +125,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
373 Bytes
943 Bytes
879 Bytes -
612 Bytes +
456 Bytes
745 Bytes diff --git a/images/svg/google_play.svg b/images/svg/google_play.svg index d0487cfd..f46522f3 100644 --- a/images/svg/google_play.svg +++ b/images/svg/google_play.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file From 74ac9eb1d01821df56fbbf7c0c27e76c6dd80ee9 Mon Sep 17 00:00:00 2001 From: edent Date: Fri, 1 Dec 2017 20:36:07 +0000 Subject: [PATCH 06/12] Google Play Background --- README.md | 2 +- images/svg/google_play.svg | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 521a28c9..9ba391b5 100644 --- a/README.md +++ b/README.md @@ -125,7 +125,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
373 Bytes
943 Bytes
879 Bytes -
456 Bytes +
509 Bytes
745 Bytes diff --git a/images/svg/google_play.svg b/images/svg/google_play.svg index f46522f3..30404afa 100644 --- a/images/svg/google_play.svg +++ b/images/svg/google_play.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file From e720eab744a035a4c0918de53ef2ba32f3e9a4a8 Mon Sep 17 00:00:00 2001 From: Arturo Acevedo Date: Fri, 1 Dec 2017 15:04:07 -0600 Subject: [PATCH 07/12] Aligned to guideline and path optimized Android and Bitbucket (#99) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Visually centered a few icons, some new paths and optimizations. Apple - Visually centered and change the path to more a accurate one. Bytes: 1011 —> 580. Dropbox - Visually centered and change the path to fix point alignment. Bytes: 338 —> 350. Twitter - Visually centered. Bytes: 425 —> 431. Ubuntu - Visually centered and change the path and color to a more accurate one. Bytes: 755 —> 674. Vimeo - Visually centered. Bytes: 375 —> 379. WhatsApp - Visually centered and change the path and color to more a accurate one. Bytes: 646 —> 611. Windows - Visually centered and change the path to fix the lines between shapes. Bytes: 274 —> 284. Hope this helps. FYI: Wikicommons have good SVG shapes and most companies have brand guidelines with accurate logo renditions and colors. * Removed newlines, fixed Ubuntu color and updated ReadMe and Twitter PNG. * Twitter PNG Artifacts Fix. * Optimizations and new color palettes. Apple - New color palette that better represents the brand, and tiny bit smaller. Ubuntu - I keep finding ways to make this one smaller. Wikipedia - New color palette that better represents the brand, and bit smaller. * Update * Update drama * Solving conflicts * Solved conflicts. * Optimizations and new color palettes Apple - New color palette that better represents the brand, and tiny bit smaller. Ubuntu - I keep finding ways to make this one smaller. Wikipedia - New color palette that better represents the brand, and bit smaller. * More Ubuntu optimizations. Learning SVG as we go. * Revert "More Ubuntu optimizations." This reverts commit 74c1a459594584bfff0fa81171198f6bed41c77a. * More Ubuntu Optimizations. * Guidelines Folder. * Guidelines. Added guidelines with instructions. * Revert "Guidelines." This reverts commit eb30dfe16364f46fce6104044fe23b3572bf7274. * Revert "Revert "Guidelines."" This reverts commit 76edce25ec846bb4e4673b0659766901e0124030. * Removed guidelines for small squares. * Aligned to guideline and path optimized Airbnb, Amazon, Authy, Badoo and Bitcoin. All were aligned accordingly and optimized to the following percentages: Airbnb - 43% Amazon - 0% Authy - 38% Badoo - 23% Bitcoin + 1% I’ll update Readme. * Fixed Amazon radius. Whops. * Updated from Master Branch. * Aligned to guideline and path optimized Android, All were aligned accordingly and optimized to the following percentages: Android - 31% Bitbucket + 3% Updated README with the new file sizes. * Correct radius on Android --- README.md | 12 ++++++------ images/svg/android.svg | 2 +- images/svg/bitbucket.svg | 2 +- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 9ba391b5..85a8ab72 100644 --- a/README.md +++ b/README.md @@ -81,7 +81,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
658 Bytes -
502 Bytes +
503 Bytes
375 Bytes
526 Bytes
966 Bytes @@ -93,14 +93,14 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
799 Bytes
308 Bytes
575 Bytes -
525 Bytes +
529 Bytes
255 Bytes
937 Bytes
946 Bytes -
809 Bytes -
650 Bytes +
557 Bytes +
402 Bytes
507 Bytes
569 Bytes @@ -109,7 +109,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
267 Bytes
691 Bytes
379 Bytes -
996 Bytes +
572 Bytes
648 Bytes @@ -122,7 +122,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
983 Bytes -
373 Bytes +
286 Bytes
943 Bytes
879 Bytes
509 Bytes diff --git a/images/svg/android.svg b/images/svg/android.svg index b88855ec..46bcddf3 100644 --- a/images/svg/android.svg +++ b/images/svg/android.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/images/svg/bitbucket.svg b/images/svg/bitbucket.svg index 6fe6719c..01871255 100644 --- a/images/svg/bitbucket.svg +++ b/images/svg/bitbucket.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file From d6b5836ad64e57bed2821e2c17a65c750b08cc5d Mon Sep 17 00:00:00 2001 From: edent Date: Fri, 1 Dec 2017 21:05:01 +0000 Subject: [PATCH 08/12] Ignore ignore --- .gitignore | 4 ---- 1 file changed, 4 deletions(-) delete mode 100644 .gitignore diff --git a/.gitignore b/.gitignore deleted file mode 100644 index 0674c51f..00000000 --- a/.gitignore +++ /dev/null @@ -1,4 +0,0 @@ - -images/svg/guidelines.svg - -images/svg/guidelines for small sizes.svg From 5c151d8839eeb1aa018da00ef6675aee3170fd9a Mon Sep 17 00:00:00 2001 From: johnl Date: Sat, 2 Dec 2017 11:16:16 +0100 Subject: [PATCH 09/12] Add missing word, fix typo (#100) --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 85a8ab72..43d56d0c 100644 --- a/README.md +++ b/README.md @@ -139,7 +139,7 @@ Bytes cost money. They cost money to store, transport, and process. Simplicity ## Scream if you want to go smaller -These files edited by hand in Inkscape, then were minified using [svgo](https://github.com/svg/svgo) and [svgcleaner](https://github.com/RazrFalcon/svgcleaner). Further smallification may be possible. Try it! +These files were edited by hand in Inkscape, then were minified using [svgo](https://github.com/svg/svgo) and [svgcleaner](https://github.com/RazrFalcon/svgcleaner). Further smallification may be possible. Try it! * Each of these has an `xmlns="http://www.w3.org/2000/svg"` in the `` tag. This isn't strictly necessary - but some web browsers won't display them as an image without it. * Rounded corners can be dropped - `rx="80"` - the effect can be done in CSS if you want. @@ -174,7 +174,7 @@ I'd *love* you to submit something 😸 The rules are simple, your icon must: ### Guidelines -This is the standard guideline. Use this to help with sizing yout icons and they will look good no matter what border radius is chosen. +This is the standard guideline. Use this to help with sizing your icons and they will look good no matter what border radius is chosen. A template for logos From c0db6b6ff02348be633826b16989a2622fd57156 Mon Sep 17 00:00:00 2001 From: edent Date: Sat, 2 Dec 2017 17:00:15 +0000 Subject: [PATCH 10/12] Icon Layout Tool For #86 --- README.md | 4 ++-- radius.html | 25 ++++++++++++++++++++++--- 2 files changed, 24 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 43d56d0c..dbce5a4c 100644 --- a/README.md +++ b/README.md @@ -3,8 +3,6 @@ Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourit The logos have a 512x512 viewbox, they will fit in a circle with radius 256. They will scale up and down to suit your needs. -You can [play around with the corner radius size using our interactive tool](https://edent.github.io/SuperTinyIcons/radius.html) - Originally created for my contact page - [https://edent.tel/](https://edent.tel/) ## How Small? @@ -182,6 +180,8 @@ This is the standard guideline. Use this to help with sizing your icons and they * **Yellow** is like a road shoulder, it is there if more space is needed. It should be used for protruding elements, like corners or ornaments. * **Red** is off limits. It should not be touched by the icons. Red is also how a circular icon would look. +To see how the logos look, you can [play around with the corner radius size using our interactive tool](https://edent.github.io/SuperTinyIcons/radius.html) + ## Licenses The majority of these vector logos are based on someone else's work. diff --git a/radius.html b/radius.html index 1ed10042..0a7039f7 100644 --- a/radius.html +++ b/radius.html @@ -27,12 +27,30 @@ } svg { display: block; + position: absolute; + } + .overlay { + position: absolute; + opacity: 0.25; + } + .underlay { + position: relative; + height:150px; }

Super Tiny Icons

Download the SuperTinyIcons SVGs on GitHub +

This is the standard guideline. Use this to help with sizing your icons and they will look good no matter what border radius is chosen.

+ + A template for logos + +
    +
  • Green is the safe zone, where the main body of the icon should be.
    • +
  • Yellow is like a road shoulder, it is there if more space is needed. It should be used for protruding elements, like corners or ornaments.
    • +
  • Red is off limits. It should not be touched by the icons. Red is also how a circular icon would look.
    • +

Radius %