web: components: new icons

This commit is contained in:
NikolayRechkin 2020-05-05 12:04:49 +03:00
parent bbc8faf617
commit 9f52ba9520
7 changed files with 60 additions and 0 deletions

View File

@ -29,6 +29,12 @@ import OrigMediaMuteIcon from './media.mute.react.svg';
import OrigMediaFullScreenIcon from './media.fullscreen.react.svg';
import OrigMediaDownloadIcon from './media.download.react.svg';
import OrigMediaDeleteIcon from './media.delete.react.svg';
import OrigMediaMuteOffIcon from './media.muteoff.react.svg';
import OrigMediaResetIcon from './media.reset.react.svg';
import OrigMediaRotateLeftIcon from './media.rotateleft.react.svg';
import OrigMediaRotateRightIcon from './media.rotateright.react.svg';
import OrigMediaZoomInIcon from './media.zoomin.react.svg';
import OrigMediaZoomOutIcon from './media.zoomout.react.svg';
import OrigProjectsIcon from './projects.react.svg';
import OrigSearchIcon from './search.react.svg';
import OrigSettingsIcon from './settings.react.svg';
@ -560,6 +566,30 @@ export const MediaDeleteIcon = createStyledIcon(
OrigMediaDeleteIcon,
'MediaDeleteIcon'
);
export const MediaMuteOffIcon = createStyledIcon(
OrigMediaMuteOffIcon,
'MediaMuteOffIcon'
);
export const MediaResetIcon = createStyledIcon(
OrigMediaResetIcon,
'MediaResetIcon'
);
export const MediaRotateLeftIcon = createStyledIcon(
OrigMediaRotateLeftIcon,
'MediaRotateLeftIcon'
);
export const MediaRotateRightIcon = createStyledIcon(
OrigMediaRotateRightIcon,
'MediaRotateRightIcon'
);
export const MediaZoomInIcon = createStyledIcon(
OrigMediaZoomInIcon,
'MediaZoomInIcon'
);
export const MediaZoomOutIcon = createStyledIcon(
OrigMediaZoomOutIcon,
'MediaZoomOutIcon'
);
export const MyspaceIcon = createStyledIcon(
OrigMyspaceIcon,
'MyspaceIcon'

View File

@ -0,0 +1,6 @@
<svg width="27" height="25" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 17.5L22 24.5L23.5303 22.9697L1.53033 0.969666L0 2.5L3.5 6H0V18H8L15 23V17.5ZM13 15.5L5.5 8H2V16H8.64093L13 19.1136V15.5Z" fill="white"/>
<path d="M13 4.88638V10L15 12V1L8.58333 5.58334L10.017 7.01706L13 4.88638Z" fill="white"/>
<path d="M18.182 15.182L19.9498 16.9498C21.2165 15.683 22 13.933 22 12C22 9.33898 20.5152 7.02475 18.3288 5.84065L17.0152 7.97535C18.4887 8.71457 19.5 10.2392 19.5 12C19.5 13.2427 18.9963 14.3677 18.182 15.182Z" fill="white"/>
<path d="M21.7175 18.7175L23.4853 20.4853C25.6569 18.3137 27 15.3137 27 12C27 7.53857 24.5653 3.64579 20.9521 1.57784L19.6408 3.70872C22.5405 5.33521 24.5 8.43877 24.5 12C24.5 14.6234 23.4367 16.9984 21.7175 18.7175Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 844 B

View File

@ -0,0 +1,7 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 5V0H5V2H2V5H0Z" fill="white"/>
<path d="M18 0H13V2H16V5H18V0Z" fill="white"/>
<path d="M16 13H18V18H13V16H16V13Z" fill="white"/>
<path d="M0 13H2V16H5V18H0V13Z" fill="white"/>
<path d="M14 4H4V14H14V4Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 333 B

View File

@ -0,0 +1,3 @@
<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 16C16.866 16 20 12.866 20 9C20 5.13401 16.866 2 13 2C9.27739 2 6.23348 4.90585 6.01281 8.57299L8.29291 6.29289L9.70712 7.70711L5.00001 12.4142L0.292908 7.70711L1.70712 6.29289L4.00896 8.59473C4.2209 3.81225 8.16525 0 13 0C17.9706 0 22 4.02944 22 9C22 13.9706 17.9706 18 13 18C10.55 18 8.32866 17.021 6.70579 15.433L8.06432 13.9638C9.32995 15.2223 11.0742 16 13 16Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 497 B

View File

@ -0,0 +1,3 @@
<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 16C5.13401 16 2 12.866 2 9C2 5.13401 5.13401 2 9 2C12.7226 2 15.7665 4.90585 15.9872 8.57299L13.7071 6.29289L12.2929 7.70711L17 12.4142L21.7071 7.70711L20.2929 6.29289L17.991 8.59473C17.7791 3.81225 13.8348 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C11.45 18 13.6713 17.021 15.2942 15.433L13.9357 13.9638C12.6701 15.2223 10.9258 16 9 16Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 482 B

View File

@ -0,0 +1,6 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="8.5" cy="8.5" r="7.5" stroke="white" stroke-width="2"/>
<path d="M17.5 19.5L13 15L15 13L19.5 17.5L17.5 19.5Z" fill="white"/>
<rect x="8" y="5" width="1" height="7" fill="white"/>
<rect x="12" y="8" width="1" height="7" transform="rotate(90 12 8)" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 377 B

View File

@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="8.5" cy="8.5" r="7.5" stroke="white" stroke-width="2"/>
<path d="M17.5 19.5L13 15L15 13L19.5 17.5L17.5 19.5Z" fill="white"/>
<rect x="12" y="8" width="1" height="7" transform="rotate(90 12 8)" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 323 B