From 2fc603b85ec2f38e61f9a8769e4ce664903f707a Mon Sep 17 00:00:00 2001
From: RebeccaStankus <Rebecca@highfidelity.io>
Date: Thu, 15 Aug 2019 15:35:41 -0700
Subject: [PATCH] Replacing button label characters with images

---
 .../resources/images/clap_Icon.svg            | 30 +++++++++++++
 .../resources/images/emote_Icon.svg           | 29 +++++++++++++
 .../resources/images/happy_Icon.svg           | 15 +++++++
 .../resources/images/iconBackground.svg       |  6 +++
 .../resources/images/iconStroke.svg           |  7 ++++
 .../resources/images/point_Icon.svg           | 12 ++++++
 .../resources/images/raiseHand_Icon.svg       | 18 ++++++++
 .../resources/images/sad_Icon.svg             | 15 +++++++
 .../ui/qml/SimplifiedEmoteIndicator.qml       | 42 ++++++++-----------
 9 files changed, 149 insertions(+), 25 deletions(-)
 create mode 100644 scripts/simplifiedUI/simplifiedEmote/resources/images/clap_Icon.svg
 create mode 100644 scripts/simplifiedUI/simplifiedEmote/resources/images/emote_Icon.svg
 create mode 100644 scripts/simplifiedUI/simplifiedEmote/resources/images/happy_Icon.svg
 create mode 100644 scripts/simplifiedUI/simplifiedEmote/resources/images/iconBackground.svg
 create mode 100644 scripts/simplifiedUI/simplifiedEmote/resources/images/iconStroke.svg
 create mode 100644 scripts/simplifiedUI/simplifiedEmote/resources/images/point_Icon.svg
 create mode 100644 scripts/simplifiedUI/simplifiedEmote/resources/images/raiseHand_Icon.svg
 create mode 100644 scripts/simplifiedUI/simplifiedEmote/resources/images/sad_Icon.svg

diff --git a/scripts/simplifiedUI/simplifiedEmote/resources/images/clap_Icon.svg b/scripts/simplifiedUI/simplifiedEmote/resources/images/clap_Icon.svg
new file mode 100644
index 0000000000..07e2e51d98
--- /dev/null
+++ b/scripts/simplifiedUI/simplifiedEmote/resources/images/clap_Icon.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<path d="M46.9,62.5L64,40c-0.2-0.4-0.4-0.7-0.7-1c-0.6-0.6-1.5-0.9-2.3-0.8c-0.9,0.1-1.6,0.5-2.2,1.2L46,56.2c0,0.1,0,0.2,0.1,0.3
+	L46.9,62.5z M78,34c0.1,0,0.2,0,0.3,0c1.2,0,2.3-0.9,2.4-2.2l0.8-7.5c0.1-1.3-0.8-2.5-2.2-2.7c-1.3-0.1-2.5,0.8-2.7,2.2l-0.8,7.5
+	C75.7,32.7,76.6,33.9,78,34z M86.6,38.4c0.4,0.3,0.9,0.5,1.4,0.5c0.7,0,1.5-0.3,2-1l5-6.8c0.8-1.1,0.6-2.6-0.5-3.4
+	c-1.1-0.8-2.6-0.6-3.4,0.5L86,35C85.2,36.1,85.5,37.6,86.6,38.4z M64,0v3.9V0L64,0l-0.1,0C46.8,0,30.7,6.7,18.6,18.8S0,47,0,64.1
+	C0.1,99.4,28.8,128,64,128l0.1,0c35.3-0.1,63.9-28.8,63.9-64.1C127.9,28.6,99.2,0,64,0z M64.1,124.1c0,0-0.1,0-0.1,0
+	c-33.1,0-60-26.8-60.1-60C3.8,30.9,30.7,4,63.9,3.9c0,0,0.1,0,0.1,0c33.1,0,60,26.8,60.1,60C124.2,97.1,97.3,124,64.1,124.1z
+	 M101.5,39l-6.9,3c-1.2,0.5-1.8,2-1.2,3.2c0.4,0.9,1.3,1.5,2.2,1.5c0.3,0,0.7-0.1,1-0.2l6.9-3c1.2-0.5,1.8-2,1.2-3.2
+	C104.2,39,102.7,38.5,101.5,39z M32.2,78.3l0.1-20.4c-0.1-0.6,0-1.2,0.1-1.8c-0.3-1.6-1.6-2.8-3.1-2.7c-0.9,0-1.7,0.4-2.2,1.1
+	c-0.6,0.7-0.8,1.5-0.7,2.4l-0.1,20.6c0,8.9,2.7,14.9,8.6,20.3c2,1.8,4.4,2.9,7,3.6C35.2,95.2,32.2,88.1,32.2,78.3z M93.7,63.4
+	L93.7,63.4c-1.3-0.8-3.1-0.4-4.1,0.9L79,78.2c-0.7,0.9-2.1,1.1-3,0.4c0,0-0.1-0.1-0.1-0.1v0c-0.4-0.4-0.7-0.9-0.7-1.4c0,0,0,0,0-0.1
+	c0-0.1,0-0.2,0-0.3c0,0,0-0.1,0-0.1c0-0.1,0-0.2,0-0.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0-0.1,0.1-0.2c0.1-0.1,0.1-0.2,0.2-0.4
+	l14.4-18.9c1-1.3,0.9-3.1-0.3-4.2c-0.6-0.6-1.5-0.9-2.3-0.8c-0.9,0.1-1.6,0.5-2.2,1.2l-14.5,19c-0.7,0.9-2.1,1.1-3,0.4
+	c0,0-0.1-0.1-0.1-0.1c-0.4-0.4-0.7-0.9-0.7-1.4c0,0,0,0,0-0.1c0-0.1,0-0.2,0-0.3c0,0,0-0.1,0-0.1c0-0.1,0-0.2,0-0.3
+	c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0-0.1,0.1-0.2c0.1-0.1,0.1-0.2,0.2-0.4l17.1-22.4c1-1.3,0.9-3.1-0.3-4.2c-0.6-0.6-1.5-0.9-2.3-0.8
+	c-0.9,0.1-1.6,0.5-2.2,1.2L62.4,65.6c-0.7,0.9-2.1,1.1-3,0.4c0,0-0.1-0.1-0.1-0.1c-0.4-0.4-0.7-0.9-0.7-1.4c0,0,0,0,0-0.1
+	c0-0.1,0-0.2,0-0.3c0,0,0-0.1,0-0.1c0-0.1,0-0.2,0-0.3c0-0.1,0-0.1,0.1-0.2c0-0.1,0-0.1,0.1-0.2c0.1-0.1,0.1-0.2,0.2-0.4l14.4-18.9
+	c0.1-0.2,0.2-0.4,0.3-0.6c0,0,0-0.1,0-0.1c0.1-0.2,0.1-0.3,0.2-0.5c0,0,0-0.1,0-0.1c0-0.2,0.1-0.4,0.1-0.6c0,0,0,0,0,0
+	c0-0.2,0-0.4,0-0.6v0c-0.1-0.6-0.4-1.3-0.9-1.7c-0.6-0.6-1.5-0.9-2.3-0.8c-0.9,0.1-1.6,0.5-2.2,1.2L47.6,67.9
+	c-0.1,0.2-0.3,0.3-0.4,0.4c0,0-0.1,0.1-0.2,0.1c-0.1,0.1-0.2,0.1-0.4,0.2c-0.1,0-0.1,0-0.2,0.1c-0.1,0-0.3,0.1-0.4,0.1
+	c0,0-0.1,0-0.1,0c-0.2,0-0.4,0-0.6-0.1c-0.7-0.2-1.2-0.6-1.5-1.2c-0.1-0.2-0.2-0.4-0.2-0.6l-0.8-6.3l-0.5-3.5
+	c-0.2-1.6-1.6-2.8-3.1-2.8c-0.9,0-1.7,0.4-2.2,1.1c-0.6,0.7-0.8,1.5-0.7,2.4l-0.1,20.6c0,2.7,0.3,5.1,0.8,7.3
+	c0.1,0.5,0.3,1.1,0.4,1.6c0.2,0.7,0.5,1.4,0.7,2.1c0.3,0.8,0.7,1.6,1.1,2.3c0.2,0.3,0.4,0.6,0.6,1c1.3,2.1,3,4.1,5.1,6c0,0,0,0,0,0
+	c0.4,0.4,0.9,0.7,1.3,1c0.1,0.1,0.2,0.1,0.3,0.2c0.4,0.3,0.8,0.5,1.2,0.7c0.1,0,0.1,0.1,0.2,0.1c0.5,0.2,0.9,0.5,1.4,0.7
+	c0,0,0.1,0,0.1,0c2.3,0.9,4.7,1.4,7.2,1.5c6.6,0.7,13.1-2.2,17.1-7.5l21-27.5c0.5-0.7,0.7-1.6,0.6-2.4
+	C94.9,64.5,94.4,63.8,93.7,63.4z"/>
+</svg>
diff --git a/scripts/simplifiedUI/simplifiedEmote/resources/images/emote_Icon.svg b/scripts/simplifiedUI/simplifiedEmote/resources/images/emote_Icon.svg
new file mode 100644
index 0000000000..6088a0380c
--- /dev/null
+++ b/scripts/simplifiedUI/simplifiedEmote/resources/images/emote_Icon.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 94 128" style="enable-background:new 0 0 94 128;" xml:space="preserve">
+<path d="M47,74.3c25.3,0,45.9-16.6,45.9-37.2S72.3,0,47,0S1.1,16.6,1.1,37.2S21.6,74.3,47,74.3z M65.3,24.7c2.7,0,4.9,1.8,4.9,4
+	s-2.2,4-4.9,4c-2.7,0-4.9-1.8-4.9-4S62.6,24.7,65.3,24.7z M36.4,43.5c2.6,2.6,6.5,4,10.6,4c4.1,0,8-1.5,10.6-4
+	c0.9-0.9,2.6-1,3.7-0.3c1.1,0.7,1.3,2.1,0.3,3c-3.6,3.5-8.9,5.5-14.6,5.5c-5.7,0-11-2-14.6-5.5c-0.9-0.9-0.8-2.2,0.3-3
+	C33.8,42.5,35.4,42.6,36.4,43.5z M28.6,24.7c2.7,0,4.9,1.8,4.9,4c0,2.2-2.2,4-4.9,4c-2.7,0-4.9-1.8-4.9-4
+	C23.7,26.5,25.9,24.7,28.6,24.7z M47,101.1c21.2,0,39.4-10.9,46.8-26.4C83.2,87.1,66.2,95.1,47,95.1S10.7,87.1,0.2,74.7
+	C7.6,90.2,25.7,101.1,47,101.1z M47,108.6c-19.2,0-36.3-8.1-46.8-20.4c7.4,15.5,25.5,26.4,46.8,26.4s39.4-10.9,46.8-26.4
+	C83.2,100.5,66.2,108.6,47,108.6z M47,122c-19.2,0-36.3-8.1-46.8-20.4c1.8,3.9,4.4,7.4,7.4,10.6c0,0,0,0,0,0
+	c0.4,0.4,0.7,0.7,1.1,1.1c0.1,0.1,0.1,0.1,0.2,0.2c1.1,1.1,2.3,2.1,3.5,3.1c0.1,0.1,0.1,0.1,0.2,0.2c0.4,0.3,0.7,0.6,1.1,0.8
+	c0.2,0.1,0.3,0.2,0.5,0.3c0.4,0.3,0.7,0.5,1.1,0.8c0.1,0.1,0.3,0.2,0.5,0.3c0.7,0.4,1.4,0.9,2,1.3c0.2,0.1,0.4,0.2,0.6,0.4
+	c0.3,0.2,0.7,0.4,1,0.6c0.3,0.1,0.5,0.3,0.8,0.4c0.3,0.2,0.7,0.3,1,0.5c0.3,0.2,0.6,0.3,1,0.5c0.3,0.2,0.7,0.3,1,0.5
+	c0.5,0.2,1.1,0.5,1.6,0.7c0.3,0.1,0.6,0.2,0.9,0.3c0.4,0.1,0.8,0.3,1.2,0.4c0.3,0.1,0.6,0.2,0.9,0.3c0.4,0.1,0.9,0.3,1.3,0.4
+	c0.2,0.1,0.5,0.2,0.7,0.2c0.7,0.2,1.3,0.4,2,0.6c0.2,0.1,0.4,0.1,0.6,0.2c0.5,0.1,1,0.2,1.5,0.4c0.3,0.1,0.5,0.1,0.8,0.2
+	c0.5,0.1,1,0.2,1.5,0.3c0.2,0,0.5,0.1,0.7,0.1c0.7,0.1,1.5,0.2,2.2,0.3c0.1,0,0.3,0,0.4,0c0.6,0.1,1.3,0.1,1.9,0.2
+	c0.2,0,0.5,0,0.7,0.1c0.6,0,1.1,0.1,1.7,0.1c0.2,0,0.5,0,0.7,0c0.8,0,1.6,0,2.3,0c0.8,0,1.6,0,2.3,0c0.2,0,0.5,0,0.7,0
+	c0.6,0,1.1-0.1,1.7-0.1c0.2,0,0.5,0,0.7-0.1c0.6-0.1,1.3-0.1,1.9-0.2c0.1,0,0.3,0,0.4,0c0.7-0.1,1.5-0.2,2.2-0.3
+	c0.2,0,0.5-0.1,0.7-0.1c0.5-0.1,1-0.2,1.5-0.3c0.3-0.1,0.5-0.1,0.8-0.2c0.5-0.1,1-0.2,1.5-0.4c0.2-0.1,0.4-0.1,0.6-0.2
+	c0.7-0.2,1.3-0.4,2-0.6c0.2-0.1,0.5-0.2,0.7-0.2c0.4-0.1,0.9-0.3,1.3-0.4c0.3-0.1,0.6-0.2,0.9-0.3c0.4-0.1,0.8-0.3,1.2-0.4
+	c0.3-0.1,0.6-0.2,0.9-0.3c0.6-0.2,1.1-0.5,1.6-0.7c0.3-0.2,0.7-0.3,1-0.5c0.3-0.2,0.6-0.3,1-0.5c0.3-0.2,0.7-0.3,1-0.5
+	c0.3-0.1,0.5-0.3,0.8-0.4c0.3-0.2,0.7-0.4,1-0.6c0.2-0.1,0.4-0.2,0.6-0.4c0.7-0.4,1.4-0.8,2.1-1.3c0.1-0.1,0.3-0.2,0.4-0.3
+	c0.4-0.2,0.7-0.5,1.1-0.8c0.2-0.1,0.3-0.2,0.5-0.3c0.4-0.3,0.7-0.5,1.1-0.8c0.1-0.1,0.1-0.1,0.2-0.2c1.2-1,2.4-2,3.5-3.1
+	c0.1-0.1,0.1-0.1,0.2-0.2c0.4-0.4,0.7-0.7,1.1-1.1c0,0,0,0,0,0c3.1-3.2,5.6-6.8,7.4-10.6c0,0,0,0,0,0C83.2,113.9,66.2,122,47,122z
+	 M62,80c-0.3,0.1-0.7,0.2-1,0.2c-4.5,1-9.2,1.6-14,1.6c-4.8,0-9.5-0.5-14-1.5c-0.4-0.1-0.8-0.2-1.2-0.3c0,0-0.1,0-0.1,0
+	c-11-2.6-20.8-7.9-28.1-15c-0.3,0.4-0.5,0.7-0.8,1.1c8.6,13,25.1,21.7,44.1,21.7s35.6-8.8,44.1-21.7c-0.2-0.4-0.5-0.7-0.8-1.1
+	c-7.3,7.1-17,12.4-28,15C62.2,79.9,62.1,80,62,80z"/>
+</svg>
diff --git a/scripts/simplifiedUI/simplifiedEmote/resources/images/happy_Icon.svg b/scripts/simplifiedUI/simplifiedEmote/resources/images/happy_Icon.svg
new file mode 100644
index 0000000000..43f3395af7
--- /dev/null
+++ b/scripts/simplifiedUI/simplifiedEmote/resources/images/happy_Icon.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<g>
+	<path d="M64,3.9c33.2,0,60.1,26.9,60.1,60.1c0,33.2-26.9,60.1-60.1,60.1C30.8,124.1,3.9,97.2,3.9,64C3.9,30.8,30.8,3.9,64,3.9
+		 M64,0C28.7,0,0,28.7,0,64s28.7,64,64,64s64-28.7,64-64S99.3,0,64,0L64,0z"/>
+	<g>
+		<circle cx="88.1" cy="50.3" r="6.4"/>
+		<circle cx="40" cy="50.3" r="6.4"/>
+		<path d="M77.9,74.2c-3.5,4.1-8.5,6.5-13.9,6.5c-5.4,0-10.5-2.4-13.9-6.5c-1.2-1.4-3.3-1.6-4.8-0.4c-1.4,1.2-1.6,3.3-0.4,4.8
+			c4.7,5.7,11.7,9,19.1,9c7.4,0,14.4-3.3,19.1-9c1.2-1.4,1-3.6-0.4-4.8C81.3,72.6,79.1,72.8,77.9,74.2z"/>
+	</g>
+</g>
+</svg>
diff --git a/scripts/simplifiedUI/simplifiedEmote/resources/images/iconBackground.svg b/scripts/simplifiedUI/simplifiedEmote/resources/images/iconBackground.svg
new file mode 100644
index 0000000000..390694fa3e
--- /dev/null
+++ b/scripts/simplifiedUI/simplifiedEmote/resources/images/iconBackground.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<path d="M64,0C28.7,0,0,28.7,0,64s28.7,64,64,64s64-28.7,64-64S99.3,0,64,0z"/>
+</svg>
diff --git a/scripts/simplifiedUI/simplifiedEmote/resources/images/iconStroke.svg b/scripts/simplifiedUI/simplifiedEmote/resources/images/iconStroke.svg
new file mode 100644
index 0000000000..1e4cbd025f
--- /dev/null
+++ b/scripts/simplifiedUI/simplifiedEmote/resources/images/iconStroke.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<path d="M64,0C28.7,0,0,28.7,0,64s28.7,64,64,64s64-28.7,64-64S99.3,0,64,0z M64,124.1C30.8,124.1,3.9,97.2,3.9,64S30.8,3.9,64,3.9
+	c33.2,0,60.1,26.9,60.1,60.1S97.2,124.1,64,124.1z"/>
+</svg>
diff --git a/scripts/simplifiedUI/simplifiedEmote/resources/images/point_Icon.svg b/scripts/simplifiedUI/simplifiedEmote/resources/images/point_Icon.svg
new file mode 100644
index 0000000000..532048553a
--- /dev/null
+++ b/scripts/simplifiedUI/simplifiedEmote/resources/images/point_Icon.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<path d="M99,51.1H58.8c-1.1,0-2-0.6-2.4-1.6c-0.4-1-0.2-2.1,0.6-2.8l8.1-8.1c1.3-1.3,1.5-3.5,0.4-4.8c-0.6-0.8-1.5-1.2-2.5-1.3
+	c-1,0-2,0.3-2.7,1l-19,14.4c-2.5,1.5-8.8,8.9-9.7,10.6c-1.9,3.5-2.9,7.5-2.9,11.5c0,4.9,1.5,9.7,4.3,13.7c4,6.5,11.2,10.5,18.9,10.5
+	h14.9c2.1,0,3.9-1.7,3.9-3.9c0-1.5-0.8-2.8-2.1-3.4l0,0c-0.8-0.4-1.3-1.2-1.3-2.2c0-1.4,1.1-2.5,2.5-2.5l0,0c2-0.1,3.6-1.8,3.6-3.8
+	c0-1.5-0.9-2.8-2.1-3.4l0,0c-0.8-0.4-1.3-1.2-1.3-2.2c0-1.4,1.1-2.5,2.5-2.5l0,0c2-0.1,3.6-1.8,3.6-3.9c0-1.5-0.9-2.8-2.1-3.4l0,0
+	c-0.8-0.4-1.4-1.2-1.4-2.2c0-1.4,1.1-2.5,2.5-2.5h23.8c1.9,0,3.5-1.4,3.7-3.2c0.1-1-0.2-2-0.9-2.7C100.9,51.5,100,51.1,99,51.1z
+	 M64,0C28.7,0,0,28.7,0,64s28.7,64,64,64s64-28.7,64-64S99.3,0,64,0z M64,124.1C30.8,124.1,3.9,97.2,3.9,64S30.8,3.9,64,3.9
+	c33.2,0,60.1,26.9,60.1,60.1S97.2,124.1,64,124.1z"/>
+</svg>
diff --git a/scripts/simplifiedUI/simplifiedEmote/resources/images/raiseHand_Icon.svg b/scripts/simplifiedUI/simplifiedEmote/resources/images/raiseHand_Icon.svg
new file mode 100644
index 0000000000..4ae4540067
--- /dev/null
+++ b/scripts/simplifiedUI/simplifiedEmote/resources/images/raiseHand_Icon.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<path d="M80.6,90.1c-4.7,3.2-10.2,4.9-16,4.9c-4.7,0-9.3-1.2-13.4-3.4c-2.7-1.4-9.9-7.6-12-10.9L29,67.3c-0.3,0.5-0.5,1.1-0.6,1.7
+	c0,1,0.3,1.9,1,2.6l13.9,18.3c1.4,2.4,8.6,8.5,10.3,9.3c3.4,1.8,7.2,2.8,11.1,2.8c4.8,0,9.3-1.4,13.2-4.1c5.1-3.2,8.7-8.4,9.8-14.3
+	C85.8,86.2,83.4,88.4,80.6,90.1z M80.6,102.1c-4.7,3.2-10.2,4.9-16,4.9c-4.7,0-9.3-1.2-13.4-3.4c-2.7-1.4-9.9-7.6-12-10.9L29,79.3
+	c-0.3,0.5-0.5,1.1-0.6,1.7c0,1,0.3,1.9,1,2.6l13.9,18.3c1.4,2.4,8.6,8.5,10.3,9.3c3.4,1.8,7.2,2.8,11.1,2.8c4.8,0,9.3-1.4,13.2-4.1
+	c5.1-3.2,8.7-8.4,9.8-14.3C85.8,98.2,83.4,100.4,80.6,102.1z M84.3,25.6L84.3,25.6c-1.7,0.2-3.1,1.7-3.1,3.5v19.5
+	c0,1.3-1.1,2.4-2.4,2.4c-1.3,0-2.4-1.1-2.4-2.4V22.2c0-1.8-1.3-3.4-3.1-3.5c-1-0.1-1.9,0.2-2.6,0.9c-0.7,0.6-1.1,1.6-1.1,2.5v26.7
+	c0,1.3-1.1,2.4-2.4,2.4c-1.3,0-2.4-1.1-2.4-2.4V17.3c0-1.8-1.3-3.4-3.1-3.5c-1-0.1-1.9,0.2-2.6,0.9c-0.7,0.6-1.1,1.6-1.1,2.5v31.6
+	c0,1.3-1.1,2.4-2.4,2.4c-1.3,0-2.4-1.1-2.4-2.4V22.2c0-1.8-1.3-3.4-3.1-3.5c-1-0.1-1.9,0.2-2.6,0.9c-0.7,0.6-1.1,1.6-1.1,2.5v38.8
+	c0,1-0.6,1.9-1.6,2.3c-1,0.4-2,0.2-2.7-0.5l-7.8-7.8c-1.3-1.3-3.3-1.4-4.7-0.3c-0.8,0.6-1.2,1.5-1.2,2.5c0,1,0.3,1.9,1,2.6
+	l13.9,18.3c1.4,2.4,8.6,8.5,10.3,9.3C57,89.1,60.8,90,64.7,90c4.8,0,9.3-1.4,13.2-4.1C84.2,82,88,75.1,88,67.7V29
+	c0-1-0.4-1.9-1.1-2.5C86.2,25.8,85.3,25.5,84.3,25.6z M64,0C28.7,0,0,28.7,0,64c0,35.3,28.7,64,64,64s64-28.7,64-64
+	C128,28.7,99.3,0,64,0z M64,124.1C30.8,124.1,3.9,97.2,3.9,64C3.9,30.8,30.8,3.9,64,3.9c33.2,0,60.1,26.9,60.1,60.1
+	C124.1,97.2,97.2,124.1,64,124.1z"/>
+</svg>
diff --git a/scripts/simplifiedUI/simplifiedEmote/resources/images/sad_Icon.svg b/scripts/simplifiedUI/simplifiedEmote/resources/images/sad_Icon.svg
new file mode 100644
index 0000000000..f3fd63aaf0
--- /dev/null
+++ b/scripts/simplifiedUI/simplifiedEmote/resources/images/sad_Icon.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<g>
+	<path d="M64,3.9c33.2,0,60.1,26.9,60.1,60.1c0,33.2-26.9,60.1-60.1,60.1S3.9,97.2,3.9,64C3.9,30.8,30.8,3.9,64,3.9 M64,0
+		C28.7,0,0,28.7,0,64s28.7,64,64,64s64-28.7,64-64S99.3,0,64,0L64,0z"/>
+	<g>
+		<circle cx="88" cy="71.6" r="6.4"/>
+		<circle cx="40" cy="71.6" r="6.4"/>
+		<path d="M64,88.5c-7.5,0-14.5,3.3-19.3,9c-1.2,1.4-1,3.6,0.4,4.8s3.6,1,4.8-0.4c3.5-4.2,8.6-6.6,14.1-6.6c5.4,0,10.6,2.4,14.1,6.6
+			c0.7,0.8,1.6,1.2,2.6,1.2c0.8,0,1.5-0.3,2.2-0.8c1.4-1.2,1.6-3.3,0.4-4.8C78.5,91.8,71.5,88.5,64,88.5z"/>
+	</g>
+</g>
+</svg>
diff --git a/scripts/simplifiedUI/simplifiedEmote/ui/qml/SimplifiedEmoteIndicator.qml b/scripts/simplifiedUI/simplifiedEmote/ui/qml/SimplifiedEmoteIndicator.qml
index f20ab5df2a..b07e0cfafa 100644
--- a/scripts/simplifiedUI/simplifiedEmote/ui/qml/SimplifiedEmoteIndicator.qml
+++ b/scripts/simplifiedUI/simplifiedEmote/ui/qml/SimplifiedEmoteIndicator.qml
@@ -53,16 +53,13 @@ Rectangle {
         height: parent.height
         width: root.originalWidth
 
-        HifiStylesUit.GraphikRegular {
+        Image {
             id: emoteIndicator
-            text: "😊"
+            width: 30
+            height: 30
             anchors.horizontalCenter: parent.horizontalCenter
             anchors.verticalCenter: parent.verticalCenter
-            anchors.horizontalCenterOffset: -2
-            anchors.verticalCenterOffset: -2
-            horizontalAlignment: Text.AlignHCenter
-            size: 26
-            color: simplifiedUI.colors.white
+            source: "../../resources/images/emote_Icon.svg"
         }
 
         MouseArea {
@@ -93,12 +90,12 @@ Rectangle {
             id: emoteButtonsRepeater
             model: ListModel {
                 id: buttonsModel
-                ListElement { text: "Z"; method: "positive" }
-                ListElement { text: "C"; method: "negative" }
-                ListElement { text: "V"; method: "raiseHand" }
-                ListElement { text: "B"; method: "applaud" }
-                ListElement { text: "N"; method: "point" }
-                ListElement { text: "😊"; method: "toggleEmojiApp" }
+                ListElement { imageURL: "../../resources/images/happy_Icon.svg"; method: "positive" }
+                ListElement { imageURL: "../../resources/images/sad_Icon.svg"; method: "negative" }
+                ListElement { imageURL: "../../resources/images/raiseHand_Icon.svg"; method: "raiseHand" }
+                ListElement { imageURL: "../../resources/images/clap_Icon.svg"; method: "applaud" }
+                ListElement { imageURL: "../../resources/images/point_Icon.svg"; method: "point" }
+                ListElement { imageURL: "../../resources/images/emote_Icon.svg"; method: "toggleEmojiApp" }
             }
 
             Rectangle {
@@ -107,21 +104,16 @@ Rectangle {
                 // For the below to work, the This Rectangle's second child must be the `MouseArea`
                 color: children[1].containsMouse ? "#CCCCCC" : simplifiedUI.colors.white
 
-                HifiStylesUit.GraphikRegular {
-                    text: model.text
-                    // Gotta special-case the below for the emoji button, or else it looks off-center.
-                    anchors.fill: text === "😊" ? undefined : parent
-                    anchors.horizontalCenter: text === "😊" ? parent.horizontalCenter : undefined
-                    anchors.verticalCenter: text === "😊" ? parent.verticalCenter : undefined
-                    anchors.horizontalCenterOffset: text === "😊" ? -2 : undefined
-                    anchors.verticalCenterOffset: text === "😊" ? -2 : undefined
-                    horizontalAlignment: Text.AlignHCenter
-                    size: 26
-                    color: simplifiedUI.colors.text.black
+                Image {
+                    width: 30
+                    height: 30
+                    anchors.horizontalCenter: parent.horizontalCenter
+                    anchors.verticalCenter: parent.verticalCenter
+                    source: model.imageURL
                 }
 
                 MouseArea {
-                    anchors.fill: parent
+                    anchors.margins: 3
                     hoverEnabled: true
                     onClicked: {
                         Tablet.playSound(TabletEnums.ButtonClick);