182 lines
6.8 KiB
JavaScript
182 lines
6.8 KiB
JavaScript
var icon = {}
|
|
icon.enterFullscreen = `
|
|
<svg
|
|
width="256"
|
|
height="256"
|
|
viewBox="0 0 256 256"
|
|
version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<g
|
|
fill="none"
|
|
stroke="#B1B1B1"
|
|
stroke-width="8">
|
|
<path
|
|
d="M 44,112 l 0,-68 l 68,0"
|
|
/>
|
|
<path
|
|
d="M 144,44 l 68,0 l 0,68"
|
|
/>
|
|
<path
|
|
d="M 212,144 l 0,68 l -68,0"
|
|
/>
|
|
<path
|
|
d="M 112,212 l -68,0 l 0,-68"
|
|
/>
|
|
</g>
|
|
</svg>
|
|
`
|
|
icon.exitFullscreen = `
|
|
<svg
|
|
width="256"
|
|
height="256"
|
|
viewBox="0 0 256 256"
|
|
version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<g
|
|
fill="none"
|
|
stroke="#B1B1B1"
|
|
stroke-width="8">
|
|
<path
|
|
d="m 100,32 v 68 H 32"
|
|
/>
|
|
<path
|
|
d="M 224,100 H 156 V 32"
|
|
/>
|
|
<path
|
|
d="m 156,224 v -68 h 68"
|
|
/>
|
|
<path
|
|
d="m 32,156 h 68 v 68"
|
|
/>
|
|
</g>
|
|
</svg>
|
|
`
|
|
|
|
icon.mute = `
|
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<svg
|
|
width="256"
|
|
height="256"
|
|
viewBox="0 0 256 256">
|
|
<path
|
|
d="M 160,96 a 48,48 0 0,1 0,64"
|
|
fill="none"
|
|
stroke="#808080"
|
|
stroke-width="16"
|
|
id="path2275"
|
|
style="opacity:1;stroke-width:8;stroke-dasharray:none;stroke:#B1B1B1" />
|
|
<path
|
|
d="M 176,64 a 88,88 0 0,1 0,128"
|
|
fill="none"
|
|
stroke="#808080"
|
|
stroke-width="16"
|
|
id="path2277"
|
|
style="stroke-width:8;stroke-dasharray:none;stroke:#B1B1B1" />
|
|
<path
|
|
d="M 192,32 a 128,128 0 0,1 0,192"
|
|
fill="none"
|
|
stroke="#808080"
|
|
stroke-width="16"
|
|
id="path2279"
|
|
style="stroke-width:8;stroke-dasharray:none;stroke:#B1B1B1" />
|
|
<path
|
|
style="fill:none;fill-rule:evenodd;stroke:#B1B1B1;stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
|
|
d="m 15.73147,87.829137 64.658698,0.143482 64.118622,-63.901556 -0.0618,208.474357 -64.560837,-65.01777 -63.594727,0.48342 z"
|
|
id="path4946" />
|
|
</svg>
|
|
`
|
|
|
|
icon.unmute = `
|
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<svg
|
|
width="256"
|
|
height="256"
|
|
viewBox="0 0 256 256">
|
|
<path
|
|
style="fill:none;fill-rule:evenodd;stroke:#B1B1B1;stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
|
|
d="m 15.73147,87.829137 64.658698,0.143482 64.118622,-63.901556 -0.0618,208.474357 -64.560837,-65.01777 -63.594727,0.48342 z"
|
|
id="path4946" />
|
|
</svg>
|
|
`
|
|
|
|
icon.play = `
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
|
|
<polygon points="56,32 248,128 56,224" style="fill:none;fill-rule:evenodd;stroke:#B1B1B1;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"/>
|
|
</svg>
|
|
`
|
|
icon.pause = `
|
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<svg
|
|
width="256"
|
|
height="256"
|
|
viewBox="0 0 256 256">
|
|
<path
|
|
style="fill:none;fill-rule:evenodd;stroke:#B1B1B1;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
|
|
d="m 55.561915,31.764828 47.856395,0.122789 0.79397,192.070763 -48.048909,-0.50781 z"
|
|
id="path6254" />
|
|
<path
|
|
style="fill:none;fill-rule:evenodd;stroke:#B1B1B1;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
|
|
d="m 150.7755,32.038558 47.85639,0.122789 0.79397,192.070763 -48.04891,-0.50781 z"
|
|
id="path6254-6" />
|
|
</svg>
|
|
`
|
|
icon.loading = `
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
|
|
<g transform="translate(128, 128)" stroke="#404040" stroke-linecap="round" stroke-width="28">
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(0)" opacity="1">
|
|
<animate attributeName="opacity" from="1" to="0" begin="0s" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(30)" opacity="0.083333">
|
|
<animate attributeName="opacity" from="1" to="0" begin="-0.916667s" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(60)" opacity="0.166667">
|
|
<animate attributeName="opacity" from="1" to="0" begin="-0.833333s" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(90)" opacity="0.25">
|
|
<animate attributeName="opacity" from="1" to="0" begin="-0.75s" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(120)" opacity="0.333333">
|
|
<animate attributeName="opacity" from="1" to="0" begin="-0.666667s" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(150)" opacity="0.416667">
|
|
<animate attributeName="opacity" from="1" to="0" begin="-0.583333s" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(180)" opacity="0.5">
|
|
<animate attributeName="opacity" from="1" to="0" begin="-0.5s" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(210)" opacity="0.583333">
|
|
<animate attributeName="opacity" from="1" to="0" begin="-0.416667" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(240)" opacity="0.666667">
|
|
<animate attributeName="opacity" from="1" to="0" begin="-0.333333s" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(270)" opacity="0.75">
|
|
<animate attributeName="opacity" from="1" to="0" begin="-0.25s" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(300)" opacity="0.833333">
|
|
<animate attributeName="opacity" from="1" to="0" begin="-0.166667s" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(330)" opacity="0.916667">
|
|
<animate attributeName="opacity" from="1" to="0" begin="-0.083333" dur="1s" repeatCount="indefinite"></animate>
|
|
</line>
|
|
</g>
|
|
</svg>
|
|
`
|
|
|
|
icon.right = `
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
|
|
<polygon points="56,32 248,128 56,224" fill="#808080"/>
|
|
</svg>
|
|
`
|
|
icon.left = `
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
|
|
<polygon points="8,128 200,32 200,224" fill="#808080"/>
|
|
</svg>
|
|
`
|
|
icon.down = `
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
|
|
<polygon points="32,56 224,56 128,248" fill="#808080"/>
|
|
</svg>
|
|
`
|