Replacing button label characters with images

This commit is contained in:
RebeccaStankus 2019-08-15 15:35:41 -07:00
parent d29cdffe8c
commit 2fc603b85e
9 changed files with 149 additions and 25 deletions

View file

@ -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>

After

Width:  |  Height:  |  Size: 3.2 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 3 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 882 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 434 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 537 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 1.8 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 877 B

View file

@ -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);