Merge pull request #282 from MetaMask/VladIcons

Apply vlad's icon set
9 years ago · 1c42e6af7f
parent 40d56acbb9 14916b022e
commit 1c42e6af7f
14 changed files with 169 additions and 4 deletions
--- a/.gitignore
+++ b/.gitignore
@ -11,3 +11,4 @@ package
 .DS_Store
 builds/
 notes.txt
 app/.DS_Store
--- a/app/.DS_Store
+++ b/app/.DS_Store
--- a/app/images/camera.svg
+++ b/app/images/camera.svg
@ -0,0 +1,18 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <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="24.088px" height="24px" viewBox="113.789 0 24.088 24" enable-background="new 113.789 0 24.088 24" xml:space="preserve" fill="#F7861C">
 <g>
 	<path d="M134.613,6.85h-3.499l-2.035-2.009c-0.003-0.002-0.004-0.004-0.006-0.006l-0.004-0.003l0,0
 		c-0.306-0.298-0.725-0.482-1.189-0.482h-4.23c-0.491,0-0.93,0.209-1.238,0.539l-0.003-0.005l-1.991,1.966h-3.571
 		c-0.935,0-1.691,0.747-1.691,1.667v10c0,0.92,0.757,1.668,1.691,1.668h17.768c0.934,0,1.691-0.748,1.691-1.668v-10
 		C136.305,7.597,135.547,6.85,134.613,6.85z M135.459,18.518c0,0.459-0.381,0.834-0.846,0.834h-17.768
 		c-0.466,0-0.846-0.374-0.846-0.834v-10c0-0.459,0.38-0.833,0.846-0.833h3.571h0.351l0.248-0.245l1.024-1.011l0.021,0.062
 		l0.971-1.035c0.164-0.175,0.385-0.271,0.618-0.271h4.23c0.223,0,0.435,0.086,0.602,0.247l2.033,2.008l0.247,0.245h0.353h3.499
 		c0.465,0,0.846,0.374,0.846,0.833V18.518L135.459,18.518z"/>
 	<path d="M125.729,9.351c-2.104,0-3.808,1.678-3.808,3.749c0,2.072,1.703,3.752,3.808,3.752c2.104,0,3.808-1.68,3.808-3.752
 		C129.537,11.028,127.833,9.351,125.729,9.351z M125.729,16.018c-1.633,0-2.962-1.31-2.962-2.918s1.329-2.916,2.962-2.916
 		s2.961,1.307,2.961,2.916S127.362,16.018,125.729,16.018z"/>
 </g>
 </svg>
--- a/app/images/copy.svg
+++ b/app/images/copy.svg
@ -0,0 +1,21 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <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="24.088px" height="24px" viewBox="189.192 0 24.088 24" enable-background="new 189.192 0 24.088 24" xml:space="preserve" fill="#F7861C">
 <g>
 	<g>
 		<path fill="#F7861C" d="M204.655,7.169h-8.962c-1.1,0-1.991,0.891-1.991,1.991v8.963c0,1.1,0.892,1.99,1.991,1.99h8.962
 			c1.101,0,1.991-0.891,1.991-1.99V9.16C206.646,8.06,205.756,7.169,204.655,7.169z M205.651,18.123
 			c0,0.549-0.446,0.994-0.996,0.994h-8.962c-0.549,0-0.995-0.445-0.995-0.994V9.16c0-0.55,0.446-0.996,0.995-0.996h8.962
 			c0.55,0,0.996,0.446,0.996,0.996V18.123z"/>
 	</g>
 </g>
 <path fill="#F7861C" d="M196.689,11.152h6.969v-0.996h-6.969V11.152z"/>
 <path fill="#F7861C" d="M196.689,13.144h6.969v-0.996h-6.969V13.144z"/>
 <path fill="#F7861C" d="M196.689,15.135h6.969v-0.996h-6.969V15.135z"/>
 <path fill="#F7861C" d="M196.689,17.126h3.982v-0.994h-3.982V17.126z"/>
 <path fill="#F7861C" d="M207.643,4.182h-8.962c-1.101,0-1.991,0.892-1.991,1.991h0.995c0-0.549,0.446-0.996,0.996-0.996h8.962
 	c0.549,0,0.995,0.447,0.995,0.996v8.962c0,0.55-0.446,0.997-0.995,0.997v0.994c1.101,0,1.991-0.891,1.991-1.991V6.172
 	C209.634,5.073,208.743,4.182,207.643,4.182z"/>
 </svg>
--- a/app/images/download.svg
+++ b/app/images/download.svg
@ -0,0 +1,15 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <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="24.088px" height="24px" viewBox="138.01 0 24.088 24" enable-background="new 138.01 0 24.088 24" xml:space="preserve" fill="#F7861C">
 <g>
 	<polygon fill="#F7861C" points="157.551,17.075 156.55,17.075 156.55,19.149 142.569,19.149 142.569,17.075 141.568,17.075 
 		141.568,20.145 141.955,20.145 141.955,20.15 157.006,20.15 157.006,20.145 157.551,20.145 	"/>
 	<polygon fill="#F7861C" points="152.555,10.275 152.555,11.26 152.555,11.268 151.562,11.268 151.562,12.252 150.565,12.252 
 		150.565,4.171 149.564,4.171 149.564,12.236 148.564,12.236 148.564,11.252 147.564,11.252 147.564,11.236 147.564,11.221 
 		147.564,10.236 146.563,10.236 146.563,11.221 146.563,11.236 146.563,12.221 147.563,12.221 147.563,12.236 147.563,12.252 
 		147.563,13.236 148.563,13.236 148.563,14.221 149.564,14.221 149.564,15.725 150.565,15.725 150.565,14.236 151.563,14.236 
 		151.563,13.252 152.563,13.252 152.563,12.268 152.563,12.26 153.556,12.26 153.556,11.275 153.556,11.26 153.556,10.275 	"/>
 </g>
 </svg>
--- a/app/images/help.svg
+++ b/app/images/help.svg
@ -0,0 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <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="24.088px" height="24px" viewBox="51.64 0 24.088 24" enable-background="new 51.64 0 24.088 24" xml:space="preserve">
 <g>
 	<path d="M67.495,2.012c-1.519-1.154-3.229-1.551-5.399-1.551c-1.646,0-3.053,0.337-4.168,1.087
 		c-1.646,1.121-2.419,3.003-2.419,5.979h4.241c0-0.794-0.078-1.65,0.385-2.384c0.465-0.734,1.11-1.297,2.22-1.297
 		c1.126,0,1.707,0.325,2.254,0.999c0.464,0.574,0.641,1.258,0.641,1.987c0,0.63-0.321,1.209-0.701,1.734
 		c-0.211,0.309-0.486,0.584-0.834,0.85c0,0-2.293,1.364-3.098,2.656c-0.602,0.961-0.817,2.166-0.866,3.606
 		c-0.006,0.105,0.031,0.32,0.396,0.32c0.36,0,3.092,0,3.412,0s0.388-0.243,0.393-0.342c0.021-0.526,0.089-1.331,0.183-1.635
 		c0.182-0.575,0.534-1.076,1.087-1.507l1.144-0.791c1.032-0.807,1.854-1.463,2.22-1.982c0.623-0.851,1.06-1.899,1.06-3.142
 		C69.644,4.575,68.897,3.078,67.495,2.012z M61.804,18.195c-1.431-0.044-2.613,0.95-2.661,2.501
 		c-0.046,1.557,1.075,2.578,2.512,2.623c1.489,0.044,2.645-0.916,2.688-2.468C64.388,19.299,63.294,18.239,61.804,18.195z"/>
 </g>
 </svg>
--- a/app/images/lock-base.png
+++ b/app/images/lock-base.png
--- a/app/images/lock-top.png
+++ b/app/images/lock-top.png
--- a/app/images/lock.svg
+++ b/app/images/lock.svg
@ -0,0 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <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="24.088px" height="24px" viewBox="27.191 0 24.088 24" enable-background="new 27.191 0 24.088 24" xml:space="preserve">
 <path d="M47.576,24H31.588c-1.104,0-1.998-0.896-1.998-2.002V11.993c0-1.105,0.896-2.002,1.998-2.002h1V6.99
 	c0-3.868,3.131-7.004,6.994-7.004s6.995,3.136,6.995,7.004v3.001h0.999c1.104,0,1.998,0.896,1.998,2.002v10.005
 	C49.574,23.102,48.68,24,47.576,24z M43.579,6.99c0-2.21-1.79-4.002-3.997-4.002S35.585,4.78,35.585,6.99v3.001h7.994V6.99z"/>
 </svg>
--- a/app/images/qr.svg
+++ b/app/images/qr.svg
@ -0,0 +1,29 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <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="24.088px" height="24px" viewBox="162.458 0 24.088 24" enable-background="new 162.458 0 24.088 24" xml:space="preserve">
 <g>
 	<rect x="168.545" y="6.167" fill="#1D1D1B" width="2" height="2"/>
 	<path fill="#1D1D1B" d="M167.545,5.167h4.001v4.001h-4.001V5.167z M166.545,10.167h6v-6h-6V10.167z"/>
 	<rect x="178.545" y="6.167" fill="#1D1D1B" width="2" height="2"/>
 	<path fill="#1D1D1B" d="M176.545,10.167h6v-6h-6V10.167z M181.545,9.167h-4v-4h4V9.167z"/>
 	<rect x="168.545" y="16.167" fill="#1D1D1B" width="2" height="2"/>
 	<path fill="#1D1D1B" d="M167.546,15.167h4.001v4.001h-4.001V15.167z M166.546,20.167h5.999v-6h-5.999V20.167z"/>
 	<polygon fill="#1D1D1B" points="173.545,15.167 173.545,16.167 174.546,16.167 174.546,18.167 175.546,18.167 175.546,14.167 
 		174.546,14.167 174.546,15.167 	"/>
 	<path fill="#1D1D1B" d="M177.545,16.167h1v1h-1V16.167z M179.544,15.166h1.002v2.002h-1.002V15.166z M174.545,9.167v1h-1v1h1v2h2v5
 		h1v1h-1v1h2v-1h0.999v-1h1.001v1h-0.875v1h2.875v-2h-1v-2h1v-1.001h-1v-1.999h-1v0.999h-1.001v1h-1.999v-1.999h1v0.999h0.999
 		v-0.999h1.001v-1h-1.001v-1h-0.999v1h-1v-1h-2v-2H174.545z"/>
 	<polygon fill="#1D1D1B" points="175.545,7.167 175.545,4.167 173.545,4.167 173.545,5.167 174.545,5.167 174.545,6.167 
 		173.545,6.167 173.545,9.167 174.545,9.167 174.545,7.167 	"/>
 	<rect x="169.546" y="11.167" fill="#1D1D1B" width="1.001" height="1"/>
 	<polygon fill="#1D1D1B" points="171.545,11.167 171.545,12.167 170.545,12.167 170.545,13.167 172.545,13.167 172.545,12.167 
 		173.545,12.167 173.545,11.167 	"/>
 	<polygon fill="#1D1D1B" points="180.545,11.167 180.545,12.167 181.545,12.167 181.545,13.167 182.545,13.167 182.545,11.167 	"/>
 	<rect x="173.545" y="13.167" fill="#1D1D1B" width="1" height="1"/>
 	<rect x="173.545" y="18.167" fill="#1D1D1B" width="1" height="1"/>
 	<rect x="174.545" y="19.167" fill="#1D1D1B" width="1" height="1"/>
 	<polygon fill="#1D1D1B" points="166.545,11.167 166.545,13.167 169.545,13.167 169.545,12.167 168.545,12.167 168.545,11.167 	"/>
 </g>
 </svg>
--- a/app/images/settings.svg
+++ b/app/images/settings.svg
@ -0,0 +1,24 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <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="24.088px" height="24px" viewBox="0 0 24.088 24" enable-background="new 0 0 24.088 24" xml:space="preserve">
 <path d="M21.525,10.147c-0.41-0.059-0.847-0.428-0.974-0.82l-0.608-1.481c-0.191-0.365-0.146-0.935,0.1-1.264l0.99-1.318
 	c0.246-0.33,0.227-0.854-0.047-1.162l-1.084-1.086c-0.31-0.272-0.832-0.293-1.164-0.045l-1.316,0.988
 	c-0.33,0.248-0.898,0.293-1.264,0.101l-1.48-0.609c-0.395-0.126-0.764-0.562-0.82-0.971l-0.233-1.629
 	c-0.058-0.409-0.44-0.778-0.851-0.822c0,0-0.254-0.026-0.77-0.026c-0.514,0-0.77,0.026-0.77,0.026
 	c-0.41,0.044-0.793,0.413-0.852,0.822L10.15,2.48c-0.059,0.409-0.428,0.845-0.82,0.971L7.85,4.06
 	C7.484,4.251,6.916,4.207,6.586,3.959L5.268,2.97c-0.33-0.248-0.854-0.228-1.162,0.045L3.021,4.101
 	C2.749,4.41,2.727,4.933,2.975,5.263l0.988,1.318c0.249,0.33,0.293,0.899,0.102,1.264l-0.61,1.482
 	c-0.125,0.393-0.562,0.762-0.972,0.82l-1.629,0.231c-0.408,0.059-0.776,0.442-0.82,0.853c0,0-0.026,0.255-0.026,0.77
 	c0,0.516,0.026,0.77,0.026,0.77c0.044,0.412,0.412,0.793,0.82,0.853l1.629,0.231c0.408,0.06,0.847,0.429,0.972,0.82l0.61,1.48
 	c0.191,0.365,0.146,0.936-0.102,1.264l-0.988,1.318c-0.248,0.33-0.308,0.779-0.132,0.994c0.175,0.217,0.677,0.752,0.679,0.754
 	c0,0.002,0.17,0.156,0.375,0.344c0.203,0.188,1.041,0.449,1.371,0.203l1.317-0.99c0.33-0.246,0.897-0.293,1.265-0.1l1.479,0.608
 	c0.394,0.125,0.763,0.562,0.819,0.972l0.233,1.629c0.058,0.408,0.44,0.779,0.853,0.822c0,0,0.254,0.026,0.769,0.026
 	s0.771-0.026,0.771-0.026c0.408-0.043,0.793-0.414,0.85-0.822l0.234-1.629c0.057-0.408,0.426-0.847,0.819-0.972l1.479-0.61
 	c0.365-0.191,0.935-0.146,1.265,0.102l1.317,0.99c0.332,0.246,0.854,0.227,1.164-0.047l1.082-1.084
 	c0.273-0.312,0.293-0.834,0.047-1.164l-0.989-1.318c-0.246-0.328-0.291-0.898-0.101-1.264l0.609-1.48
 	c0.127-0.393,0.562-0.762,0.973-0.82l1.627-0.231c0.41-0.06,0.779-0.44,0.822-0.853c0,0,0.027-0.254,0.027-0.77
 	c0-0.515-0.027-0.77-0.027-0.77c-0.043-0.41-0.412-0.794-0.822-0.853L21.525,10.147z M12.004,15.001c-1.657,0-3-1.344-3-3
 	c0-1.657,1.343-3,3-3s3,1.344,3,3S13.66,15.001,12.004,15.001z"/>
 </svg>
--- a/app/images/switch_acc.svg
+++ b/app/images/switch_acc.svg
@ -0,0 +1,29 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <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="29.477px" height="24px" viewBox="78.469 0 29.477 24" enable-background="new 78.469 0 29.477 24" xml:space="preserve" fill="#F7861C">
 <g>
 	<path d="M90.437,9.087c0,1.669,1.423,4.766,3.177,4.766c1.755,0,3.177-3.097,3.177-4.766c0-1.668-1.422-3.021-3.177-3.021
 		C91.859,6.066,90.437,7.418,90.437,9.087z"/>
 	<path d="M93.613,17.091h4.042c1.108,0,1.503-0.249,1.503-0.84c0-1.21-1.158-2.147-2.867-2.62c-0.713,0.861-1.619,1.467-2.678,1.467
 		c-1.057,0-1.964-0.605-2.676-1.467c-1.709,0.473-2.867,1.41-2.867,2.62c0,0.591,0.395,0.84,1.502,0.84H93.613z"/>
 	<path d="M86.392,4.841c0.979-0.98,2.122-1.738,3.398-2.255c1.231-0.499,2.533-0.751,3.87-0.751c1.47,0,2.892,0.304,4.225,0.902
 		c0.166,0.075,0.36,0.039,0.488-0.09l0.558-0.556c0.101-0.101,0.146-0.244,0.122-0.384c-0.024-0.14-0.115-0.26-0.243-0.321
 		C97.218,0.624,95.437,0.22,93.66,0.22c-1.545,0-3.052,0.292-4.478,0.869c-1.477,0.598-2.8,1.476-3.933,2.609
 		c-1.775,1.774-2.924,4.021-3.325,6.495c-0.192,1.19-0.205,2.4-0.036,3.595c0.052,0.366,0.121,0.729,0.206,1.089l-0.732-0.497
 		c-0.199-0.136-0.472-0.083-0.608,0.117l-0.45,0.664c-0.065,0.097-0.089,0.214-0.067,0.329c0.021,0.114,0.088,0.214,0.184,0.28
 		l2.638,1.787l0.259,0.177c0.056,0.037,0.117,0.061,0.182,0.07c0.021,0.003,0.043,0.005,0.064,0.005
 		c0.028,0,0.056-0.002,0.083-0.008c0.006-0.001,0.011-0.002,0.016-0.004c0.107-0.024,0.202-0.089,0.264-0.18l1.965-2.897
 		c0.065-0.096,0.09-0.214,0.067-0.328s-0.088-0.215-0.185-0.28l-0.665-0.45c-0.199-0.136-0.472-0.084-0.607,0.116l-0.741,1.093
 		c-0.408-1.469-0.485-3.014-0.22-4.541C83.903,8.242,84.89,6.343,86.392,4.841z"/>
 	<path d="M106.979,8.028c-0.039-0.109-0.121-0.198-0.226-0.248l-2.443-1.142l0,0l-0.727-0.34c-0.22-0.102-0.48-0.007-0.583,0.211
 		l-1.482,3.17c-0.102,0.219-0.008,0.48,0.212,0.582l0.728,0.34c0.059,0.027,0.121,0.041,0.186,0.041c0.05,0,0.101-0.009,0.149-0.026
 		c0.108-0.039,0.198-0.121,0.247-0.226l0.509-1.087c0.43,1.52,0.505,3.12,0.213,4.694c-0.379,2.047-1.358,3.907-2.832,5.382
 		c-0.979,0.979-2.123,1.737-3.398,2.253c-1.231,0.499-2.534,0.752-3.87,0.752c-1.393,0-2.743-0.273-4.018-0.812
 		c-0.164-0.068-0.354-0.031-0.48,0.095l-0.561,0.561c-0.103,0.102-0.147,0.247-0.122,0.389c0.026,0.141,0.119,0.26,0.251,0.32
 		C90.264,23.632,91.968,24,93.661,24c1.545,0,3.053-0.292,4.478-0.87c1.477-0.598,2.8-1.475,3.934-2.608
 		c1.743-1.744,2.887-3.949,3.304-6.378c0.307-1.777,0.211-3.574-0.273-5.281l0.939,0.439c0.061,0.028,0.124,0.042,0.187,0.042
 		c0.164,0,0.322-0.094,0.396-0.253l0.34-0.727C107.015,8.258,107.021,8.138,106.979,8.028z"/>
 </g>
 </svg>
--- a/gulpfile.js
+++ b/gulpfile.js
@ -46,7 +46,7 @@ gulp.task('copy:root', copyTask({
 }))
 gulp.task('copy',  gulp.parallel('copy:locales','copy:images','copy:fonts','copy:reload','copy:root'))
 gulp.task('copy:watch', function(){
-  gulp.watch(['./app/{_locales,images}/', './app/scripts/chromereload.js', './app/*.{html,json}'], gulp.series('copy'))
+  gulp.watch(['./app/{_locales,images}/*', './app/scripts/chromereload.js', './app/*.{html,json}'], gulp.series('copy'))
 })
--- a/ui/app/account-detail.js
+++ b/ui/app/account-detail.js
@ -78,7 +78,8 @@ AccountDetailScreen.prototype.render = function() {
          ]),
          // small accounts nav
-          h('i.fa.fa-users.fa-lg.cursor-pointer.color-orange', {
+          h('img.cursor-pointer.color-orange', {
            src: 'images/switch_acc.svg',
            onClick: this.navigateToAccounts.bind(this),
          }),
        ]),
@ -118,14 +119,16 @@ AccountDetailScreen.prototype.render = function() {
            },
          }, addressSummary(selected)),
-           h('i.fa.fa-clipboard.fa-md.cursor-pointer.color-orange', {
+          h('img.cursor-pointer.color-orange', {
            src: 'images/copy.svg',
            onClick: () => copyToClipboard(ethUtil.toChecksumAddress(selected)),
            style:{
              marginLeft: '64px',
            },
          }),
-          h('i.fa.fa-download.fa-md.cursor-pointer.color-orange', {
+          h('img.fa-md.cursor-pointer.color-orange', {
            src: 'images/download.svg',
            onClick: () => this.requestAccountExport(selected),
            style:{
              position: 'relative',