chaos/VideoPlayer
1
0
Fork 0
Code Activity

Optimize SVGs

Browse source
This commit is contained in:
namedkitten 2020-04-25 00:31:00 +01:00
parent 290be3df35
commit 2b570d7669
15 changed files with 15 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/qml/icons/Niconico/backward.svg
View file

@ -1,2 +1 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerSeekBackwardButton-icon"><path d="M18.3 29A38 38 0 1 1 23 76.7a4 4 0 0 0-5.7 0l-2.8 2.8a4 4 0 0 0 0 5.7A50 50 0 1 0 8 22.8l-2-1.2a4 4 0 0 0-6 3.5v18.2a4 4 0 0 0 6 3.5L21.7 38a4 4 0 0 0 .2-7L18.3 29zM42 66a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V40h-2a2 2 0 0 1-2-2v-4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v32zm32 0a2 2 0 0 1-2 2H52a2 2 0 0 1-2-2V34c0-1.1.9-2 2-2h20a2 2 0 0 1 2 2v32zm-8-26h-8v20h8V40z"></path></svg> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerSeekBackwardButton-icon"><path d="M18.3 29A38 38 0 1123 76.7a4 4 0 00-5.7 0l-2.8 2.8a4 4 0 000 5.7A50 50 0 108 22.8l-2-1.2a4 4 0 00-6 3.5v18.2a4 4 0 006 3.5L21.7 38a4 4 0 00.2-7l-3.6-2zM42 66a2 2 0 01-2 2h-4a2 2 0 01-2-2V40h-2a2 2 0 01-2-2v-4c0-1.1.9-2 2-2h8a2 2 0 012 2v32zm32 0a2 2 0 01-2 2H52a2 2 0 01-2-2V34c0-1.1.9-2 2-2h20a2 2 0 012 2v32zm-8-26h-8v20h8V40z"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 564 B

After

Width:  |  Height:  |  Size: 534 B

2
src/qml/icons/Niconico/forward.svg
View file

@ -1 +1 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerSeekForwardButton-icon"><path d="M81.7 29A38 38 0 1 0 77 76.7a4 4 0 0 1 5.7 0l2.8 2.8a4 4 0 0 1 0 5.7A50 50 0 1 1 92 22.8l2-1.2a4 4 0 0 1 6 3.5v18.2a4 4 0 0 1-6 3.5L78.3 38a4 4 0 0 1-.2-7l3.7-2.1zM37 66a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V40h-2a2 2 0 0 1-2-2v-4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v32zm32 0a2 2 0 0 1-2 2H47a2 2 0 0 1-2-2V34c0-1.1.9-2 2-2h20a2 2 0 0 1 2 2v32zm-8-26h-8v20h8V40z"></path></svg> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerSeekForwardButton-icon"><path d="M81.7 29A38 38 0 1077 76.7a4 4 0 015.7 0l2.8 2.8a4 4 0 010 5.7A50 50 0 1192 22.8l2-1.2a4 4 0 016 3.5v18.2a4 4 0 01-6 3.5L78.3 38a4 4 0 01-.2-7l3.7-2.1zM37 66a2 2 0 01-2 2h-4a2 2 0 01-2-2V40h-2a2 2 0 01-2-2v-4c0-1.1.9-2 2-2h8a2 2 0 012 2v32zm32 0a2 2 0 01-2 2H47a2 2 0 01-2-2V34c0-1.1.9-2 2-2h20a2 2 0 012 2v32zm-8-26h-8v20h8V40z"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 561 B

After

Width:  |  Height:  |  Size: 533 B

2
src/qml/icons/Niconico/fullscreen.svg
View file

@ -1 +1 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="EnableFullScreenButton-icon"><path d="M60 92a4 4 0 0 1 4-4h15.5L59 67.5a4 4 0 0 1 0-5.7l2.8-2.8a4 4 0 0 1 5.7 0L88 79.5V64a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H64a4 4 0 0 1-4-4v-4zM40 8a4 4 0 0 1-4 4H20.5L41 32.5a4 4 0 0 1 0 5.7L38.2 41a4 4 0 0 1-5.7 0L12 20.5V36a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4v4z"></path></svg> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="EnableFullScreenButton-icon"><path d="M60 92a4 4 0 014-4h15.5L59 67.5a4 4 0 010-5.7l2.8-2.8a4 4 0 015.7 0L88 79.5V64a4 4 0 014-4h4a4 4 0 014 4v32a4 4 0 01-4 4H64a4 4 0 01-4-4v-4zM40 8a4 4 0 01-4 4H20.5L41 32.5a4 4 0 010 5.7L38.2 41a4 4 0 01-5.7 0L12 20.5V36a4 4 0 01-4 4H4a4 4 0 01-4-4V4a4 4 0 014-4h32a4 4 0 014 4v4z"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 512 B

After

Width:  |  Height:  |  Size: 483 B

2
src/qml/icons/Niconico/next.svg
View file

@ -1 +1 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerSkipNextButton-icon"><path d="M34.6 46.6a4 4 0 0 1 0 6.8L6 71.2A4 4 0 0 1 0 67.8V32.2a4 4 0 0 1 6.1-3.4l28.5 17.8zM74.6 46.6a4 4 0 0 1 0 6.8L46 71.2a4 4 0 0 1-6.1-3.4V32.2a4 4 0 0 1 6.1-3.4l28.5 17.8zM100 4a4 4 0 0 0-4-4h-8a4 4 0 0 0-4 4v92a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V4z"></path></svg> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerSkipNextButton-icon"><path d="M34.6 46.6a4 4 0 010 6.8L6 71.2a4 4 0 01-6-3.4V32.2a4 4 0 016.1-3.4l28.5 17.8zm40 0a4 4 0 010 6.8L46 71.2a4 4 0 01-6.1-3.4V32.2a4 4 0 016.1-3.4l28.5 17.8zM100 4a4 4 0 00-4-4h-8a4 4 0 00-4 4v92a4 4 0 004 4h8a4 4 0 004-4V4z"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 452 B

After

Width:  |  Height:  |  Size: 423 B

2
src/qml/icons/Niconico/pause.svg
View file

@ -1 +1 @@
<svg viewBox="0 0 88 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerPauseButton-icon"><path d="M32 4a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v92a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V4zM88 4a4 4 0 0 0-4-4H60a4 4 0 0 0-4 4v92a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V4z"></path></svg> <svg viewBox="0 0 88 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerPauseButton-icon"><path d="M32 4a4 4 0 00-4-4H4a4 4 0 00-4 4v92a4 4 0 004 4h24a4 4 0 004-4V4zm56 0a4 4 0 00-4-4H60a4 4 0 00-4 4v92a4 4 0 004 4h24a4 4 0 004-4V4z"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 350 B

After

Width:  |  Height:  |  Size: 331 B

2
src/qml/icons/Niconico/play.svg
View file

@ -1 +1 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerPlayButton-icon"><path d="M95 42a8.9 8.9 0 0 1 0 16L12.9 99A8.9 8.9 0 0 1 0 91.2V9a8.9 8.9 0 0 1 12.8-8C33.2 11.1 73 31 95.1 42.1z"></path></svg> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerPlayButton-icon"><path d="M95 42a8.9 8.9 0 010 16L12.9 99A8.9 8.9 0 010 91.2V9a8.9 8.9 0 0112.8-8C33.2 11.1 73 31 95.1 42.1z"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 309 B

After

Width:  |  Height:  |  Size: 296 B

2
src/qml/icons/Niconico/prev.svg
View file

@ -1 +1 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="SeekToHeadButton-icon"><path d="M65.4 46.6a4 4 0 0 0 0 6.8L94 71.2a4 4 0 0 0 6.1-3.4V32.2a4 4 0 0 0-6.1-3.4L65.4 46.6zM25.4 46.6a4 4 0 0 0 0 6.8L54 71.2a4 4 0 0 0 6.1-3.4V32.2a4 4 0 0 0-6.1-3.4L25.4 46.6zM0 4a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v92a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4z"></path></svg> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="SeekToHeadButton-icon"><path d="M65.4 46.6a4 4 0 000 6.8L94 71.2a4 4 0 006.1-3.4V32.2a4 4 0 00-6.1-3.4L65.4 46.6zm-40 0a4 4 0 000 6.8L54 71.2a4 4 0 006.1-3.4V32.2a4 4 0 00-6.1-3.4L25.4 46.6zM0 4a4 4 0 014-4h8a4 4 0 014 4v92a4 4 0 01-4 4H4a4 4 0 01-4-4V4z"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 447 B

After

Width:  |  Height:  |  Size: 420 B

2
src/qml/icons/Niconico/settings.svg
View file

@ -1 +1 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerOptionButton-icon"><path d="M56.5 3.2A4 4 0 0 0 53 0H47a4 4 0 0 0-3.6 3L41 14a4 4 0 0 1-2.6 2.9c-1.3.4-2.5 1-3.7 1.5a4 4 0 0 1-3.9-.2l-9.3-5.8a4 4 0 0 0-4.8.4 52.2 52.2 0 0 0-4 4 4 4 0 0 0-.4 4.8l5.8 9.3a4 4 0 0 1 .2 4c-.6 1.1-1 2.3-1.5 3.6a4 4 0 0 1-2.9 2.6L3.2 43.5A4 4 0 0 0 0 47V53a4 4 0 0 0 3 3.6L14 59a4 4 0 0 1 2.9 2.6c.4 1.3 1 2.5 1.5 3.7a4 4 0 0 1-.2 3.9l-5.8 9.3a4 4 0 0 0 .4 4.8c1.2 1.4 2.6 2.8 4 4a4 4 0 0 0 4.8.4l9.3-5.8a4 4 0 0 1 4-.2c1.1.6 2.3 1 3.6 1.5a4 4 0 0 1 2.6 3l2.5 10.6A4 4 0 0 0 47 100H53a4 4 0 0 0 3.6-3L59 86a4 4 0 0 1 2.6-2.9c1.3-.4 2.5-1 3.7-1.5a4 4 0 0 1 3.9.2l9.3 5.8a4 4 0 0 0 4.8-.4c1.4-1.2 2.8-2.6 4-4a4 4 0 0 0 .4-4.8L82 69.2a4 4 0 0 1-.2-4c.6-1.1 1-2.3 1.5-3.6a4 4 0 0 1 3-2.6l10.6-2.5A4 4 0 0 0 100 53V47a4 4 0 0 0-3-3.6L86 41a4 4 0 0 1-2.9-2.6c-.4-1.3-1-2.5-1.5-3.7a4 4 0 0 1 .2-3.9l5.8-9.3a4 4 0 0 0-.4-4.8 52.2 52.2 0 0 0-4-4 4 4 0 0 0-4.8-.4L69.2 18a4 4 0 0 1-4 .2c-1.1-.6-2.3-1-3.6-1.5a4 4 0 0 1-2.6-2.9L56.5 3.2zm-6.5 27a19.9 19.9 0 0 1 0 39.7 19.9 19.9 0 1 1 0-39.7z"></path></svg> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="PlayerOptionButton-icon"><path d="M56.5 3.2A4 4 0 0053 0h-6a4 4 0 00-3.6 3L41 14a4 4 0 01-2.6 2.9c-1.3.4-2.5 1-3.7 1.5a4 4 0 01-3.9-.2l-9.3-5.8a4 4 0 00-4.8.4 52.2 52.2 0 00-4 4 4 4 0 00-.4 4.8l5.8 9.3a4 4 0 01.2 4c-.6 1.1-1 2.3-1.5 3.6a4 4 0 01-2.9 2.6L3.2 43.5A4 4 0 000 47v6a4 4 0 003 3.6L14 59a4 4 0 012.9 2.6c.4 1.3 1 2.5 1.5 3.7a4 4 0 01-.2 3.9l-5.8 9.3a4 4 0 00.4 4.8c1.2 1.4 2.6 2.8 4 4a4 4 0 004.8.4l9.3-5.8a4 4 0 014-.2c1.1.6 2.3 1 3.6 1.5a4 4 0 012.6 3l2.5 10.6A4 4 0 0047 100h6a4 4 0 003.6-3L59 86a4 4 0 012.6-2.9c1.3-.4 2.5-1 3.7-1.5a4 4 0 013.9.2l9.3 5.8a4 4 0 004.8-.4c1.4-1.2 2.8-2.6 4-4a4 4 0 00.4-4.8L82 69.2a4 4 0 01-.2-4c.6-1.1 1-2.3 1.5-3.6a4 4 0 013-2.6l10.6-2.5A4 4 0 00100 53v-6a4 4 0 00-3-3.6L86 41a4 4 0 01-2.9-2.6c-.4-1.3-1-2.5-1.5-3.7a4 4 0 01.2-3.9l5.8-9.3a4 4 0 00-.4-4.8 52.2 52.2 0 00-4-4 4 4 0 00-4.8-.4L69.2 18a4 4 0 01-4 .2c-1.1-.6-2.3-1-3.6-1.5a4 4 0 01-2.6-2.9L56.5 3.2zm-6.5 27a19.9 19.9 0 010 39.7 19.9 19.9 0 110-39.7z"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

2
src/qml/icons/Niconico/volume-down.svg
View file

@ -1 +1 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="MuteVideoButton-icon"><path d="M24.1 24L45.2 1.3a3.7 3.7 0 0 1 4.4-1C51 1.2 52 2.8 52 4.6v91c0 1.8-1 3.4-2.4 4.1-1.5.7-3.2.4-4.4-.9L24.2 76H8a8 8 0 0 1-8-8V32a8 8 0 0 1 8-8h16.1zm51.4-9.3l.5-.7 1.5-1.5a4 4 0 0 1 5.4-.2 49.9 49.9 0 0 1 0 75.3 4 4 0 0 1-5.4-.2A75 75 0 0 1 76 86a4 4 0 0 1 .2-5.8 40 40 0 0 0 9-11.1V69l.1-.2a39.3 39.3 0 0 0 4.4-14v-.3L90 50c0-10.6-4.1-20.2-10.8-27.3l-.1-.2a44 44 0 0 0-1-1H78l-.1-.2a35 35 0 0 0-2-1.8 4 4 0 0 1-.6-.8v-.3a4 4 0 0 1 .1-3.6v-.1zM62.2 27.8l1-1a4 4 0 0 1 5.4-.4l2.5 2.2a30 30 0 0 1-2.7 45v.1a4 4 0 0 1-2.2.7c-1.1 0-2.1-.4-3-1.1l-.9-1-.5-.5a4 4 0 0 1-.6-.8l-.1-.2a4 4 0 0 1 1-5A20 20 0 0 0 70 50a20 20 0 0 0-7.8-15.8A4 4 0 0 1 62 28l.2-.2z"></path></svg> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="MuteVideoButton-icon"><path d="M24.1 24L45.2 1.3a3.7 3.7 0 014.4-1C51 1.2 52 2.8 52 4.6v91c0 1.8-1 3.4-2.4 4.1-1.5.7-3.2.4-4.4-.9L24.2 76H8a8 8 0 01-8-8V32a8 8 0 018-8h16.1zm51.4-9.3l.5-.7 1.5-1.5a4 4 0 015.4-.2 49.9 49.9 0 010 75.3 4 4 0 01-5.4-.2A75 75 0 0176 86a4 4 0 01.2-5.8 40 40 0 009-11.1V69l.1-.2a39.3 39.3 0 004.4-14v-.3L90 50c0-10.6-4.1-20.2-10.8-27.3l-.1-.2a44 44 0 00-1-1H78l-.1-.2a35 35 0 00-2-1.8 4 4 0 01-.6-.8v-.3a4 4 0 01.1-3.6v-.1zM62.2 27.8l1-1a4 4 0 015.4-.4l2.5 2.2a30 30 0 01-2.7 45v.1a4 4 0 01-2.2.7c-1.1 0-2.1-.4-3-1.1l-.9-1-.5-.5a4 4 0 01-.6-.8l-.1-.2a4 4 0 011-5A20 20 0 0070 50a20 20 0 00-7.8-15.8A4 4 0 0162 28l.2-.2z"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 854 B

After

Width:  |  Height:  |  Size: 812 B

2
src/qml/icons/Niconico/volume-mute.svg
View file

@ -1 +1 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="UnMuteVideoButton-icon"><path d="M24.1 24L45.2 1.3a3.7 3.7 0 0 1 4.4-1C51 1.2 52 2.8 52 4.6v91c0 1.8-1 3.4-2.4 4.1-1.5.7-3.2.4-4.4-.9L24.2 76H8a8 8 0 0 1-8-8V32a8 8 0 0 1 8-8h16.1zM80 42.7l11.5-11.4a4.4 4.4 0 0 1 6.1 0l1.1 1a4.4 4.4 0 0 1 0 6.2L87.3 50l11.4 11.5a4.4 4.4 0 0 1 0 6.1l-1 1.1a4.4 4.4 0 0 1-6.2 0L80 57.3 68.5 68.7a4.4 4.4 0 0 1-6.1 0l-1.1-1a4.4 4.4 0 0 1 0-6.2L72.7 50 61.3 38.5a4.4 4.4 0 0 1 0-6.1l1-1.1a4.4 4.4 0 0 1 6.2 0L80 42.7z"></path></svg> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="UnMuteVideoButton-icon"><path d="M24.1 24L45.2 1.3a3.7 3.7 0 014.4-1C51 1.2 52 2.8 52 4.6v91c0 1.8-1 3.4-2.4 4.1-1.5.7-3.2.4-4.4-.9L24.2 76H8a8 8 0 01-8-8V32a8 8 0 018-8h16.1zM80 42.7l11.5-11.4a4.4 4.4 0 016.1 0l1.1 1a4.4 4.4 0 010 6.2L87.3 50l11.4 11.5a4.4 4.4 0 010 6.1l-1 1.1a4.4 4.4 0 01-6.2 0L80 57.3 68.5 68.7a4.4 4.4 0 01-6.1 0l-1.1-1a4.4 4.4 0 010-6.2L72.7 50 61.3 38.5a4.4 4.4 0 010-6.1l1-1.1a4.4 4.4 0 016.2 0L80 42.7z"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 620 B

After

Width:  |  Height:  |  Size: 594 B

2
src/qml/icons/Niconico/volume-up.svg
View file

@ -1 +1 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="MuteVideoButton-icon"><path d="M24.1 24L45.2 1.3a3.7 3.7 0 0 1 4.4-1C51 1.2 52 2.8 52 4.6v91c0 1.8-1 3.4-2.4 4.1-1.5.7-3.2.4-4.4-.9L24.2 76H8a8 8 0 0 1-8-8V32a8 8 0 0 1 8-8h16.1zm51.4-9.3l.5-.7 1.5-1.5a4 4 0 0 1 5.4-.2 49.9 49.9 0 0 1 0 75.3 4 4 0 0 1-5.4-.2A75 75 0 0 1 76 86a4 4 0 0 1 .2-5.8 40 40 0 0 0 9-11.1V69l.1-.2a39.3 39.3 0 0 0 4.4-14v-.3L90 50c0-10.6-4.1-20.2-10.8-27.3l-.1-.2a44 44 0 0 0-1-1H78l-.1-.2a35 35 0 0 0-2-1.8 4 4 0 0 1-.6-.8v-.3a4 4 0 0 1 .1-3.6v-.1zM62.2 27.8l1-1a4 4 0 0 1 5.4-.4l2.5 2.2a30 30 0 0 1-2.7 45v.1a4 4 0 0 1-2.2.7c-1.1 0-2.1-.4-3-1.1l-.9-1-.5-.5a4 4 0 0 1-.6-.8l-.1-.2a4 4 0 0 1 1-5A20 20 0 0 0 70 50a20 20 0 0 0-7.8-15.8A4 4 0 0 1 62 28l.2-.2z"></path></svg> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" class="MuteVideoButton-icon"><path d="M24.1 24L45.2 1.3a3.7 3.7 0 014.4-1C51 1.2 52 2.8 52 4.6v91c0 1.8-1 3.4-2.4 4.1-1.5.7-3.2.4-4.4-.9L24.2 76H8a8 8 0 01-8-8V32a8 8 0 018-8h16.1zm51.4-9.3l.5-.7 1.5-1.5a4 4 0 015.4-.2 49.9 49.9 0 010 75.3 4 4 0 01-5.4-.2A75 75 0 0176 86a4 4 0 01.2-5.8 40 40 0 009-11.1V69l.1-.2a39.3 39.3 0 004.4-14v-.3L90 50c0-10.6-4.1-20.2-10.8-27.3l-.1-.2a44 44 0 00-1-1H78l-.1-.2a35 35 0 00-2-1.8 4 4 0 01-.6-.8v-.3a4 4 0 01.1-3.6v-.1zM62.2 27.8l1-1a4 4 0 015.4-.4l2.5 2.2a30 30 0 01-2.7 45v.1a4 4 0 01-2.2.7c-1.1 0-2.1-.4-3-1.1l-.9-1-.5-.5a4 4 0 01-.6-.8l-.1-.2a4 4 0 011-5A20 20 0 0070 50a20 20 0 00-7.8-15.8A4 4 0 0162 28l.2-.2z"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 854 B

After

Width:  |  Height:  |  Size: 812 B