chatview: update emoji icon

Change-Id: Ie309d3131c7aa62750034f0189f5fa2cb5805491

src/web-chatview/chatview.css

@@ -478,7 +478,7 @@ a:hover {
     color: black;
 }
 
-.file_wrapper .svg-icon {
+.file_wrapper .svgicon {
     position: absolute;
     max-width: 2em;
     max-height: 25px;
@@ -488,13 +488,13 @@ a:hover {
     fill: var(--message-in-txt);
 }
 
-.file_wrapper .svg-icon path,
-.file_wrapper .svg-icon polygon,
-.file_wrapper .svg-icon rect {
+.file_wrapper .svgicon path,
+.file_wrapper .svgicon polygon,
+.file_wrapper .svgicon rect {
     fill:  var(--message-in-txt);
 }
 
-.file_wrapper .svg-icon circle {
+.file_wrapper .svgicon circle {
     stroke: #4691f6;
     stroke-width: 1;
 }

src/web-chatview/chatview.html

@@ -128,8 +128,10 @@
                 </div>
                 <div id="emojiButton" class="action-button nav-button">
                     <svg class="svgicon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
-                        <path d="M0 0h24v24H0z" fill="none" />
-                        <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z" />
+                        <path d="M12,2.1c-5.4,0-9.9,4.4-9.9,9.9s4.4,9.9,9.9,9.9s9.9-4.4,9.9-9.9S17.4,2.1,12,2.1z M12,20.7c-4.8,0-8.7-3.9-8.7-8.7 S7.2,3.3,12,3.3s8.7,3.9,8.7,8.7S16.8,20.7,12,20.7z"/>
+                        <path d="M7.4,13.3c-0.2,0-0.4,0.1-0.5,0.2c-0.1,0.1-0.1,0.3-0.1,0.5c0,0.1,0.1,0.3,0.2,0.4c1.4,1,3.1,1.5,4.9,1.5s3.4-0.5,4.9-1.5 c0.1-0.1,0.2-0.2,0.3-0.4c0-0.2,0-0.3-0.1-0.4c-0.2-0.3-0.5-0.3-0.8-0.1c-1.2,0.8-2.7,1.3-4.2,1.3s-3-0.4-4.2-1.3 C7.7,13.3,7.5,13.3,7.4,13.3z"/>
+                        <path d="M8,8.9c-0.4,0-0.8,0.3-0.8,0.8c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8C8.8,9.2,8.5,8.9,8,8.9z"/>
+                        <path d="M16,8.9c-0.4,0-0.8,0.4-0.8,0.8c0,0.5,0.3,0.8,0.8,0.8c0.4,0,0.8-0.3,0.8-0.8C16.8,9.2,16.4,8.9,16,8.9z"/>
                     </svg>
                 </div>
                 <textarea id="message" autofocus onkeyup="grow_text_area()" onkeydown="process_messagebar_keydown()"