IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Public: added new viewer icons

Browse Source
This commit is contained in:
Dmitry Sychugov 2022-10-12 22:57:52 +05:00
parent ebd30e3e7d
commit c9b659448d
12 changed files with 137 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/images/media.view.react.svg Normal file
View File

@ -0,0 +1,17 @@
<svg width="25" height="38" viewBox="0 0 25 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_7279_22991)">
<path d="M6 32L19 19L6 6" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<filter id="filter0_d_7279_22991" x="0.5" y="0.5" width="24" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0156863 0 0 0 0 0.0588235 0 0 0 0 0.105882 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7279_22991"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7279_22991" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 976 B

17
public/images/media.viewer.prev.react.svg Normal file
View File

@ -0,0 +1,17 @@
<svg width="25" height="38" viewBox="0 0 25 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_7279_2868)">
<path d="M19 32L6 19L19 6" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<filter id="filter0_d_7279_2868" x="0.5" y="0.5" width="24" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0156863 0 0 0 0 0.0588235 0 0 0 0 0.105882 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7279_2868"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7279_2868" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 973 B

4
public/images/videoplayer.bgplay.react.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="80" height="60" viewBox="0 0 80 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="80" height="60" rx="4" fill="black" fill-opacity="0.6"/>
<path d="M28 47V12L56 29.5L28 47Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 223 B

13
public/images/videoplayer.exit.react.svg Normal file
View File

@ -0,0 +1,13 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2116_546364)">
<path d="M22 32L20 32L20 28L16 28L16 26L22 26L22 32Z" fill="white"/>
<path d="M26 32L28 32L28 28L32 28L32 26L26 26L26 32Z" fill="white"/>
<path d="M26.0002 15.9999H28.0002V19.9999H32.0002V21.9999H26.0002V15.9999Z" fill="white"/>
<path d="M22 16L20 16L20 20L16 20L16 22L22 22L22 16Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_2116_546364">
<rect width="16" height="16" fill="white" transform="translate(16 16)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 580 B

13
public/images/videoplayer.full.react.svg Normal file
View File

@ -0,0 +1,13 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2116_546363)">
<path d="M16 26H18V30H22V32H16V26Z" fill="white"/>
<path d="M32 26H30V30H26V32H32V26Z" fill="white"/>
<path d="M32 22H30V18H26V16H32V22Z" fill="white"/>
<path d="M16 22H18V18H22V16H16V22Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_2116_546363">
<rect width="16" height="16" fill="white" transform="translate(16 16)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 486 B

12
public/images/videoplayer.mute.react.svg Normal file
View File

@ -0,0 +1,12 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2166_408727)">
<path d="M2 7H5L9 2V18L5 13H2V7Z" fill="white"/>
<path d="M17.5625 12.3609L11.6391 6.4375L10.4362 7.64041L16.3596 13.5638L17.5625 12.3609Z" fill="white"/>
<path d="M10.4366 12.3609L16.36 6.4375L17.5629 7.64041L11.6395 13.5638L10.4366 12.3609Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_2166_408727">
<rect width="16" height="16" fill="white" transform="translate(2 2)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 539 B

3
public/images/videoplayer.play.react.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 20V0L16 10L0 20Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 148 B

17
public/images/videoplayer.sound.react.svg Normal file
View File

@ -0,0 +1,17 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2166_408714)">
<path d="M0 5H3L7 0V16L3 11H0V5Z" fill="white"/>
<mask id="mask0_2166_408714" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="0" width="13" height="16">
<path d="M8 8L14 2.73828e-07L20.0391 8L14 16L8 8Z" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_2166_408714)">
<circle cx="8.0293" cy="8.00293" r="7" stroke="white" stroke-width="2"/>
<circle cx="8" cy="8" r="3" stroke="white" stroke-width="2"/>
</g>
</g>
<defs>
<clipPath id="clip0_2166_408714">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 669 B

4
public/images/videoplayer.stop.react.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16" y="16" width="5" height="16" fill="white"/>
<rect x="27" y="16" width="5" height="16" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 217 B

17
public/images/viewer.react.next.svg Normal file
View File

@ -0,0 +1,17 @@
<svg width="25" height="38" viewBox="0 0 25 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_7279_16500)">
<path d="M6 32L19 19L6 6" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<filter id="filter0_d_7279_16500" x="0.5" y="0.5" width="24" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0156863 0 0 0 0 0.0588235 0 0 0 0 0.105882 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7279_16500"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7279_16500" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 976 B

17
public/images/viewer.react.prev.svg Normal file
View File

@ -0,0 +1,17 @@
<svg width="25" height="38" viewBox="0 0 25 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_7279_2868)">
<path d="M19 32L6 19L19 6" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<filter id="filter0_d_7279_2868" x="0.5" y="0.5" width="24" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0156863 0 0 0 0 0.0588235 0 0 0 0 0.105882 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7279_2868"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7279_2868" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 973 B

3
public/images/viewer.separator.react.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="1" height="16" viewBox="0 0 1 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.00012207" width="1" height="16" fill="#A3A9AE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 161 B