web: components: new icons

This commit is contained in:
NikolayRechkin 2020-05-01 12:00:16 +03:00
parent f8218bf17f
commit e3fd2bb587
7 changed files with 50 additions and 0 deletions

View File

@ -23,6 +23,12 @@ import OrigDocumentsIcon from './documents.react.svg';
import OrigCatalogSharedIcon from './catalog.shared.react.svg';
import OrigMailIcon from './mail.react.svg';
import OrigMoneyIcon from './money.react.svg';
import OrigMediaPauseIcon from './media.pause.react.svg';
import OrigMediaPlayIcon from './media.play.react.svg';
import OrigMediaMuteIcon from './media.mute.react.svg';
import OrigMediaFullScreenPauseIcon from './media.fullscreen.react.svg';
import OrigMediaDownloadPauseIcon from './media.download.react.svg';
import OrigMediaDeletePauseIcon from './media.delete.react.svg';
import OrigProjectsIcon from './projects.react.svg';
import OrigSearchIcon from './search.react.svg';
import OrigSettingsIcon from './settings.react.svg';
@ -530,6 +536,30 @@ export const MenuIcon = createStyledIcon(
OrigMenuIcon,
'MenuIcon'
);
export const MediaPauseIcon = createStyledIcon(
OrigMediaPauseIcon,
'MediaPauseIcon'
);
export const MediaPlayIcon = createStyledIcon(
OrigMediaPlayIcon,
'MediaPlayIcon'
);
export const MediaMuteIcon = createStyledIcon(
OrigMediaMuteIcon,
'MediaMuteIcon'
);
export const MediaFullScreenPauseIcon = createStyledIcon(
OrigMediaFullScreenPauseIcon,
'MediaFullScreenPauseIcon'
);
export const MediaDownloadPauseIcon = createStyledIcon(
OrigMediaDownloadPauseIcon,
'MediaDownloadPauseIcon'
);
export const MediaDeletePauseIcon = createStyledIcon(
OrigMediaDeletePauseIcon,
'MediaDeletePauseIcon'
);
export const MyspaceIcon = createStyledIcon(
OrigMyspaceIcon,
'MyspaceIcon'

View File

@ -0,0 +1,3 @@
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 0H12V2H18V4H12H6H0V2H6V0ZM2 5H16V20H2V5Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 212 B

View File

@ -0,0 +1,3 @@
<svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 0H6V10H1L10 19L19 10H14V0ZM20 22V20H0V22H20Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 217 B

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0H18V7H16V3.41423L11.7071 7.70711L10.2929 6.29289L14.5858 2H11V0ZM7 16V18H0V11H2V14.5858L6.2929 10.2929L7.70712 11.7071L3.41423 16H7Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 306 B

View File

@ -0,0 +1,5 @@
<svg width="27" height="22" viewBox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 5L15 0V22L8 17H0V5H8ZM13 3.88638V18.1136L8.64093 15H2V7H8.64093L13 3.88638Z" fill="white"/>
<path d="M19.5 11C19.5 9.23919 18.4887 7.71457 17.0152 6.97535L18.3288 4.84065C20.5152 6.02475 22 8.33898 22 11C22 13.6904 20.4822 16.0264 18.2561 17.1982L17.0143 15.0251C18.4883 14.286 19.5 12.7612 19.5 11Z" fill="white"/>
<path d="M20.7381 21.5417L19.4973 19.3702C22.4756 17.7666 24.5 14.6197 24.5 11C24.5 7.43877 22.5405 4.33521 19.6408 2.70872L20.9521 0.577835C24.5653 2.64579 27 6.53857 27 11C27 15.549 24.4689 19.5067 20.7381 21.5417Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 704 B

View File

@ -0,0 +1,3 @@
<svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 0H0V18H5V0ZM15 0H10V18H15V0Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 200 B

View File

@ -0,0 +1,3 @@
<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 20.3473V1.65269L18.8449 11L1 20.3473Z" stroke="white" stroke-width="2"/>
</svg>

After

Width:  |  Height:  |  Size: 188 B