Video player pixel grid fix and recolor

This commit is contained in:
Luís Eduardo Ribeiro Guerra 2021-10-01 17:52:43 -03:00 committed by Valeria Fadeeva
parent 5067f0c636
commit 1382f6548b
1 changed files with 44 additions and 38 deletions

View File

@ -1,41 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 16.933 16.933" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64" version="1.1">
<defs> <defs>
<linearGradient id="linearGradient13162"> <linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="17.7181" y1="117.1002" x2="24.9606" y2="111.9512" gradientTransform="matrix(7.055,0,0,-7.9752,-120.5008,942.8024)">
<stop stop-color="#50e6ff" offset="0"/> <stop offset="0" style="stop-color:rgb(98.039216%,56.470588%,30.980392%);stop-opacity:1;"/>
<stop stop-color="#50e6ff" offset="1"/> <stop offset="1" style="stop-color:rgb(54.901961%,38.431373%,76.078431%);stop-opacity:1;"/>
</linearGradient> </linearGradient>
<linearGradient id="linearGradient885" x1="18.821" x2="31.3" y1="-81.858" y2="-72.986" gradientTransform="matrix(.99998 0 0 1.1304 .588 97.011)" gradientUnits="userSpaceOnUse"> <linearGradient id="linear1" gradientUnits="userSpaceOnUse" x1="18.0372" y1="117.4948" x2="24.6868" y2="111.6125" gradientTransform="matrix(7.055,0,0,-7.9752,-120.5008,942.8024)">
<stop stop-color="#29aeea" offset="0"/> <stop offset="0" style="stop-color:rgb(98.431373%,56.470588%,29.411765%);stop-opacity:1;"/>
<stop stop-color="#ac80e2" offset="1"/> <stop offset="1" style="stop-color:rgb(53.333333%,38.039216%,75.686275%);stop-opacity:1;"/>
</linearGradient> </linearGradient>
<linearGradient id="linearGradient952" x1="18.821" x2="31.3" y1="-81.858" y2="-72.986" gradientTransform="matrix(.83332 0 0 .77655 4.8269 70.809)" gradientUnits="userSpaceOnUse"> <linearGradient id="linear2" gradientUnits="userSpaceOnUse" x1="16.5531" y1="119.8309" x2="24.1708" y2="114.4151" gradientTransform="matrix(5.8792,0,0,-5.4788,-89.4186,675.557)">
<stop stop-color="#464b4b" offset="0"/> <stop offset="0" style="stop-color:rgb(27.45098%,29.411765%,29.411765%);stop-opacity:1;"/>
<stop stop-color="#1e1e1e" offset="1"/> <stop offset="1" style="stop-color:rgb(11.764706%,11.764706%,11.764706%);stop-opacity:1;"/>
</linearGradient> </linearGradient>
<filter id="filter1068" x="-.10118" y="-.071807" width="1.2024" height="1.1436" color-interpolation-filters="sRGB"> <filter id="alpha" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
<feGaussianBlur stdDeviation="0.22308744"/> <feColorMatrix type="matrix" in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
</filter> </filter>
<linearGradient id="linearGradient1056" x1="8.7997" x2="14.091" y1="-42.898" y2="-42.898" gradientTransform="matrix(.99998 0 0 .99998 15.44 53.956)" gradientUnits="userSpaceOnUse"> <mask id="mask0">
<stop stop-color="#ebebeb" offset="0"/> <g filter="url(#alpha)">
<stop stop-color="#fff" offset="1"/> <rect x="0" y="0" width="64" height="64" style="fill:rgb(0%,0%,0%);fill-opacity:0.301961;stroke:none;"/>
</linearGradient>
<linearGradient id="linearGradient915" x1="18.821" x2="31.3" y1="-81.858" y2="-72.986" gradientTransform="matrix(.99998 0 0 1.1304 .588 97.011)" gradientUnits="userSpaceOnUse">
<stop stop-color="#fa904f" offset="0"/>
<stop stop-color="#8c62c2" offset="1"/>
</linearGradient>
<linearGradient id="linearGradient13164" x1="19.673" x2="32.2" y1="4.7459" y2="4.7459" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient13162"/>
</defs>
<g transform="matrix(.93333 0 0 .93333 -15.821 -.9016)">
<rect x="18.085" y="3.1584" width="15.875" height="13.758" ry=".89721" fill="url(#linearGradient915)" stroke-width="1.0632"/>
<rect x="18.085" y="3.1584" width="15.875" height="13.758" ry=".79371" fill="url(#linearGradient885)" stroke-width="1.0632"/>
<rect x="19.408" y="6.3333" width="13.229" height="9.4514" ry=".26457" fill="url(#linearGradient952)" stroke-width=".80443"/>
<path transform="matrix(.99998 0 0 .9774 15.44 53.071)" d="m13.493-43.218-4.3699-3.3114a0.46291 0.42023 0 0 0-0.75917 0.32778v6.606a0.46291 0.42023 0 0 0 0.75917 0.32778l4.3699-3.3114a0.46291 0.42023 0 0 0 0.05554-0.58832z" filter="url(#filter1068)" opacity=".5" stroke-width=".0049274" p-id="47316"/>
<path d="m29.368 10.739-4.3698-3.3113a0.4629 0.42022 0 0 0-0.75916 0.32777v6.6059a0.4629 0.42022 0 0 0 0.75916 0.32777l4.3698-3.3113a0.4629 0.42022 0 0 0 0.05554-0.58831z" fill="url(#linearGradient1056)" stroke-width=".0049273" p-id="47316"/>
<g fill="url(#linearGradient13164)" stroke-width=".99998">
<path d="m19.673 3.1584 1.0583 1.5875-1.0583 1.5875h2.6393l1.0583-1.5875-1.0583-1.5875z"/>
<path d="m24.088 3.1584 1.0583 1.5875-1.0583 1.5875h2.6393l1.0583-1.5875-1.0583-1.5875z"/>
<path d="m28.502 3.1584 1.0583 1.5875-1.0583 1.5875h2.6393l1.0583-1.5875-1.0583-1.5875z"/>
</g> </g>
</g> </mask>
<image id="image6" width="17" height="21" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAABmJLR0QA/wD/AP+gvaeTAAABeElEQVQ4jZXUvW8TQRDG4cf2OZCYEL6DFJGCADUdDQXiH6dOAVQoEk2kyErEV4SU2CHG9lHsrLI523CMdJqR7u7d374zux1X0SlyHXWtRfQid9HHAOtRt45erNzHfezhadRVkMwir6TKIgM8w1u8jnorxGeYFGJLRbrYwAu8wSs8x04QdTDGRQgtRBU5e3ILD7CJh3hcEFU4wRl+Y94UESt2g+5G8VQhsoVPOMTXkix7so5dvIy8Ee/6Ud/FNu7F96MQmaIuSZZF9msHt/EotlrjEseY/EskC60FzVp4cYoj/MCk20KEK79u4o7UtYGwo61IHQS/8DMIRmJ22mxnLrX0TGrxB7yX/LjkeotXCYyllh5KLd7HR3wL8ZUk+cyMMYyf9i3OybxJkvc9C8xxgf8u8l8nNu/7HN+lFg5xUOAPQ3iucRDzcZ9Kjh8ExQif41kY82Z0XL9Pnkhn5AJfgui8ib9MhDRIlTRMvcKX6TL8VSJl/d937B9tGXjCsKILhwAAAABJRU5ErkJggg=="/>
<clipPath id="clip1">
<rect x="0" y="0" width="64" height="64"/>
</clipPath>
<g id="surface7" clip-path="url(#clip1)">
<use xlink:href="#image6" transform="matrix(2,0,0,2,16,16)"/>
</g>
<linearGradient id="linear3" gradientUnits="userSpaceOnUse" x1="5.6295" y1="81.3136" x2="8.7478" y2="81.3136" gradientTransform="matrix(7.055,0,0,-7.055,-15.7164,608.6746)">
<stop offset="0" style="stop-color:rgb(92.156863%,92.156863%,92.156863%);stop-opacity:1;"/>
<stop offset="1" style="stop-color:rgb(100%,100%,100%);stop-opacity:1;"/>
</linearGradient>
</defs>
<g id="surface2">
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear0);" d="M 3.617188 2 L 60.382812 2 C 62.425781 2.046875 64.042969 3.738281 64 5.78125 L 64 56.21875 C 64.042969 58.261719 62.425781 59.953125 60.382812 60 L 3.617188 60 C 1.574219 59.953125 -0.0429688 58.261719 0 56.21875 L 0 5.78125 C -0.0429688 3.738281 1.574219 2.046875 3.617188 2 Z M 3.617188 2 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear1);" d="M 3.199219 2 L 60.800781 2 C 62.605469 2.042969 64.039062 3.539062 64 5.347656 L 64 56.652344 C 64.039062 58.460938 62.605469 59.957031 60.800781 60 L 3.199219 60 C 1.394531 59.957031 -0.0390625 58.460938 0 56.652344 L 0 5.347656 C -0.0390625 3.539062 1.394531 2.042969 3.199219 2 Z M 3.199219 2 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear2);" d="M 5.121094 14 L 58.878906 14 C 59.515625 14.015625 60.015625 14.542969 60 15.175781 L 60 54.824219 C 60.015625 55.457031 59.515625 55.984375 58.878906 56 L 5.121094 56 C 4.484375 55.984375 3.984375 55.457031 4 54.824219 L 4 15.175781 C 3.984375 14.542969 4.484375 14.015625 5.121094 14 Z M 5.121094 14 "/>
<use xlink:href="#surface7" mask="url(#mask0)"/>
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear3);" d="M 45.324219 33.714844 L 27.15625 20.390625 C 26.320312 19.796875 25.175781 19.886719 24.445312 20.609375 C 24.160156 20.902344 24 21.300781 24 21.710938 L 24 48.289062 C 24.054688 49.285156 24.90625 50.050781 25.902344 50 C 26.351562 50.007812 26.792969 49.871094 27.15625 49.609375 L 45.324219 36.285156 C 45.703125 36.027344 45.945312 35.613281 45.992188 35.15625 C 46.035156 34.699219 45.875 34.246094 45.554688 33.917969 Z M 45.324219 33.714844 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(67.45098%,29.803922%,38.039216%);fill-opacity:1;" d="M 6 2 L 8.863281 8 L 6 14 L 13.136719 14 L 16 8 L 13.136719 2 Z M 6 2 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(67.45098%,29.803922%,38.039216%);fill-opacity:1;" d="M 19.371094 2 L 22.414062 8 L 19.371094 14 L 26.957031 14 L 30 8 L 26.957031 2 Z M 19.371094 2 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(67.45098%,29.803922%,38.039216%);fill-opacity:1;" d="M 47.371094 2 L 50.414062 8 L 47.371094 14 L 54.957031 14 L 58 8 L 54.957031 2 Z M 47.371094 2 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(67.45098%,29.803922%,38.039216%);fill-opacity:1;" d="M 33.371094 2 L 36.414062 8 L 33.371094 14 L 40.957031 14 L 44 8 L 40.957031 2 Z M 33.371094 2 "/>
</g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB