Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Icons

Browse source 
- add telegram icon
- sharpen note icon
- make phone icon a bit smaller to fit better with the rest
- nudge mail fold down a bit so that it looks nicer
This commit is contained in:
Felix Niklas 2017-02-16 11:31:02 +01:00
parent e58babb569
commit 478ddb6b6c
7 changed files with 22 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/svg-dimensions.css
View file

@ -84,6 +84,7 @@
.icon-switchView { width: 19px; height: 18px; } .icon-switchView { width: 19px; height: 18px; }
.icon-task-state { width: 16px; height: 16px; } .icon-task-state { width: 16px; height: 16px; }
.icon-team { width: 16px; height: 16px; } .icon-team { width: 16px; height: 16px; }
.icon-telegram { width: 17px; height: 17px; }
.icon-templates { width: 24px; height: 24px; } .icon-templates { width: 24px; height: 24px; }
.icon-tools { width: 24px; height: 24px; } .icon-tools { width: 24px; height: 24px; }
.icon-total-tickets { width: 48px; height: 83px; } .icon-total-tickets { width: 48px; height: 83px; }

BIN
contrib/icon-sprite.sketch
View file

Binary file not shown.

2
public/assets/images/icons.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 60 KiB

4
public/assets/images/icons/email.svg
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>email</title> <title>email</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="email" fill="#50E3C2"> <g id="email" fill="#50E3C2">
<path d="M0.511719955,3 L16.4855552,3 L8.48895668,9.79842908 L0.511719955,3 Z M17,4.13985214 L17,14 L-7.21644966e-16,14 L-7.21644966e-16,4.14055952 L8.10798135,11.0504129 L8.49704462,11.3819837 L8.88620571,11.0505277 L17,4.13985214 Z" id="mail"></path> <path d="M17,3.3390693 L8.48895668,8.79842908 L8.32667268e-16,3.34049192 L7.77156117e-16,3 L17,3 L17,3.3390693 Z M17,4.78312965 L17,14 L7.77156117e-16,14 L7.77156117e-16,4.78362999 L8.49704462,10.3819837 L17,4.78312965 Z" id="mail"></path>
</g> </g>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 762 B

After

Width:  |  Height:  |  Size: 747 B

4
public/assets/images/icons/note.svg
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>note</title> <title>note</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="note" fill="#50E3C2"> <g id="note" fill="#50E3C2">
<path d="M13.0909091,6.83239615 L13.0909091,14.3620696 C13.0909091,14.7203449 12.8074891,15 12.4578729,15 L1.63303622,15 C1.28695253,15 1,14.7143892 1,14.3620696 L1,1.63793036 C1,1.27965509 1.28341995,1 1.63303622,1 L9.84709055,1 L8.22210967,3.58488228 C8.153424,3.55938399 8.07912544,3.54545455 8.00156253,3.54545455 L3.54389202,3.54545455 C3.19330109,3.54545455 2.90909091,3.82791409 2.90909091,4.18181818 C2.90909091,4.53327227 3.19310725,4.81818182 3.54389202,4.81818182 L7.44679847,4.81818182 L6.64670111,6.09090909 L3.54587003,6.09090909 C3.19418665,6.09090909 2.90909091,6.37336864 2.90909091,6.72727273 C2.90909091,7.07872682 3.19447022,7.36363636 3.54587003,7.36363636 L6.32577409,7.36363636 L6.28147842,8.63636364 L3.54587003,8.63636364 C3.19418665,8.63636364 2.90909091,8.91882318 2.90909091,9.27272727 C2.90909091,9.62418136 3.19447022,9.90909091 3.54587003,9.90909091 L6.23718275,9.90909091 L6.19288708,11.1818182 L3.54587003,11.1818182 C3.19418665,11.1818182 2.90909091,11.4642777 2.90909091,11.8181818 C2.90909091,12.1696359 3.19447022,12.4545455 3.54587003,12.4545455 L10.5628572,12.4545455 C10.9145406,12.4545455 11.1996364,12.1720859 11.1996364,11.8181818 C11.1996364,11.4667277 10.914257,11.1818182 10.5628572,11.1818182 L8.52600445,11.1818182 L11.2351406,9.77679621 L13.0909091,6.83239615 Z" id="templates"></path> <path d="M9.84709055,1 L1.63303622,1 C1.28341995,1 1,1.27965509 1,1.63793036 L1,14.3620696 C1,14.7143892 1.28695253,15 1.63303622,15 L12.4578729,15 C12.8074891,15 13.0909091,14.7203449 13.0909091,14.3620696 L13.0909091,6.83239615 L11.2351406,9.77679621 L6.9484021,12 L10.385537,12 C10.7246219,12 11,12.2238575 11,12.5 C11,12.7780675 10.7248955,13 10.385537,13 L3.61446294,13 C3.27537808,13 3,12.7761425 3,12.5 C3,12.2219325 3.27510445,12 3.61446294,12 L6.16441129,12 L6.23401877,10 L3.61446294,10 C3.27537808,10 3,9.7761425 3,9.5 C3,9.2219325 3.27510445,9 3.61446294,9 L6.26882251,9 L6.33843,7 L3.61446294,7 C3.27537808,7 3,6.7761425 3,6.5 C3,6.2219325 3.27510445,6 3.61446294,6 L6.70385092,6 L7.96114677,4 L3.66502973,4 C3.29754093,4 3,3.7761425 3,3.5 C3,3.2219325 3.297744,3 3.66502973,3 L8.33497027,3 C8.41760425,3 8.4967015,3.01131881 8.56967436,3.03200573 L9.84709055,1 Z" id="templates"></path>
<path d="M14.1112395,0.8213522 L13.001477,0.124021374 C12.7214955,-0.051704683 12.3526675,0.0328798742 12.1762858,0.312533468 L11.7389377,1.00855291 L13.86142,2.3415793 L14.2990959,1.64621556 C14.4748219,1.36590627 14.3912209,0.99675041 14.1112395,0.8213522 L14.1112395,0.8213522 Z M7.96279458,7.02225265 L10.0852768,8.35462335 L13.5443918,2.8481031 L11.4205982,1.51442101 L7.96279458,7.02225265 L7.96279458,7.02225265 Z M7.63789808,8.71591087 L7.59101594,9.96763118 L8.69881136,9.38176838 L9.72825132,8.83819785 L7.68051821,7.55107005 L7.63789808,8.71591087 L7.63789808,8.71591087 Z" id="Shape"></path> <path d="M14.1112395,0.8213522 L13.001477,0.124021374 C12.7214955,-0.051704683 12.3526675,0.0328798742 12.1762858,0.312533468 L11.7389377,1.00855291 L13.86142,2.3415793 L14.2990959,1.64621556 C14.4748219,1.36590627 14.3912209,0.99675041 14.1112395,0.8213522 L14.1112395,0.8213522 Z M7.96279458,7.02225265 L10.0852768,8.35462335 L13.5443918,2.8481031 L11.4205982,1.51442101 L7.96279458,7.02225265 L7.96279458,7.02225265 Z M7.63789808,8.71591087 L7.59101594,9.96763118 L8.69881136,9.38176838 L9.72825132,8.83819785 L7.68051821,7.55107005 L7.63789808,8.71591087 L7.63789808,8.71591087 Z" id="Shape"></path>
</g> </g>
</g> </g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2 KiB

4
public/assets/images/icons/phone.svg
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>phone</title> <title>phone</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="phone" fill="#50E3C2"> <g id="phone" fill="#50E3C2">
<path d="M2.0487928,1.59824699 C2.69010639,0.95644817 4.62439875,0.849535615 4.63944091,1.18903555 C4.6538361,1.52837373 6.38222879,5.2926338 6.39759443,5.63197199 C6.41231311,5.97147192 5.25762516,7.12826254 4.91990441,7.46727724 C4.58541853,7.80289532 7.17833105,10.7401601 7.22733938,10.7954764 C7.28314094,10.84497 10.2136125,13.4443522 10.5482601,13.1092194 C10.8858191,12.7700429 12.0403453,11.6130906 12.3788748,11.6281327 C12.7174042,11.6431749 16.4729302,13.3754494 16.8116214,13.3901681 C17.1499891,13.4056955 17.0435618,15.3441932 16.4025717,15.9868007 C15.8555546,16.5351117 13.0206736,18.5273083 8.09088875,14.9700801 C7.55017972,14.6582384 6.69374707,13.9430079 5.39559249,12.6425889 C5.39446029,12.6417802 5.39397506,12.641295 5.39365157,12.640648 C5.39187239,12.6396776 5.39171065,12.6387071 5.3904167,12.6375749 C5.38960798,12.6366044 5.38847577,12.6357957 5.38750531,12.6345018 C5.38653485,12.633693 5.38540264,12.6327226 5.38443218,12.6317521 C4.08692459,11.3306862 3.37395856,10.4721508 3.063249,9.93079484 C-0.485083293,4.98904096 1.50209925,2.14704321 2.0487928,1.59824699 L2.0487928,1.59824699 Z" id="Shape"></path> <path d="M1.98324325,1.56085655 C2.58447474,0.959170159 4.39787383,0.858939639 4.41197585,1.17722082 C4.42547134,1.49535037 6.04583949,5.02434419 6.06024478,5.34247374 C6.07404354,5.66075492 4.99152359,6.74524613 4.67491038,7.06307241 C4.36132987,7.37771436 6.79218536,10.1314001 6.83813067,10.1832591 C6.89044463,10.2296593 9.63776169,12.6665802 9.95149384,12.3523932 C10.2679554,12.0344153 11.3503237,10.9497724 11.6676951,10.9638744 C11.9850665,10.9779765 15.505872,12.6019839 15.823395,12.6157826 C16.1406148,12.6303395 16.0408392,14.4476811 15.4399109,15.0501257 C14.9270825,15.5641673 12.2693815,17.4318516 7.64770821,14.0969501 C7.14079348,13.8045985 6.33788787,13.1340699 5.12086796,11.9149271 C5.11980652,11.914169 5.11935162,11.9137141 5.11904835,11.9131075 C5.11738037,11.9121977 5.11722873,11.9112879 5.11601565,11.9102265 C5.11525748,11.9093167 5.11419604,11.9085585 5.11328623,11.9073454 C5.11237642,11.9065872 5.11131498,11.9056774 5.11040517,11.9047676 C3.8939918,10.6850183 3.22558615,9.88014142 2.93429594,9.37262016 C-0.392265587,4.7397259 1.47071804,2.07535301 1.98324325,1.56085655 L1.98324325,1.56085655 Z" id="Shape"></path>
</g> </g>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

14
public/assets/images/icons/telegram.svg Normal file
View file

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>telegram</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="telegram" fill="#50E3C2">
<path d="M5.89559244,9.6517637 L6.61811417,12.0296604 C6.7130875,12.2918571 6.666295,12.3958333 6.94166667,12.3958333 C7.15416667,12.3958333 7.24805625,12.29865 7.36666667,12.1833333 L8.38762668,11.1905773 L10.5116667,12.7598458 C10.9025604,12.9755262 11.1846825,12.8638575 11.28205,12.3969312 L12.6764042,5.82621875 C12.8191617,5.25387125 12.4582304,4.99428125 12.08428,5.16405458 L3.896655,8.32116708 C3.33777292,8.54533333 3.34103125,8.85713458 3.7947825,8.99606708 L5.89559244,9.6517637 Z M8.5,17 C3.80557963,17 0,13.1944204 0,8.5 C0,3.80557963 3.80557963,0 8.5,0 C13.1944204,0 17,3.80557963 17,8.5 C17,13.1944204 13.1944204,17 8.5,17 Z" id="Combined-Shape" fill-rule="nonzero"></path>
<path d="M6.94166667,12.3958333 C6.666295,12.3958333 6.7130875,12.2918571 6.61811417,12.0296604 L5.80833333,9.36458458 L12.0416667,5.66666667" id="Combined-Shape" fill-opacity="0.08" fill-rule="nonzero"></path>
<path d="M6.94166667,12.3958333 C7.15416667,12.3958333 7.24805625,12.29865 7.36666667,12.1833333 L8.5,11.0813083 L7.08630833,10.2288292" id="Shape" fill-opacity="0.13"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB