From 936a1a6b0ed792c033e57bbfd292b5942b461fc5 Mon Sep 17 00:00:00 2001 From: Robert Pintilii Date: Tue, 8 Nov 2022 12:24:32 +0200 Subject: [PATCH] ref(design) Update icons (#12489) Remove unused icons Remove fill none from icons Rename some icons --- css/_base.scss | 5 + css/_settings-button.scss | 2 +- .../features/always-on-top/AudioMuteButton.js | 6 +- .../features/always-on-top/VideoMuteButton.js | 6 +- .../features/base/buttons/CopyButton.web.tsx | 2 +- .../dialog/components/web/ModalHeader.tsx | 4 +- react/features/base/icons/svg/AUD.svg | 5 - react/features/base/icons/svg/HD.svg | 5 - react/features/base/icons/svg/LD.svg | 5 - react/features/base/icons/svg/SD.svg | 5 - react/features/base/icons/svg/add-user.svg | 5 + react/features/base/icons/svg/add.svg | 5 - .../svg/{arrow_back.svg => arrow-back.svg} | 0 ...ow_down_large.svg => arrow-down-large.svg} | 0 .../base/icons/svg/arrow-down-small.svg | 3 - react/features/base/icons/svg/arrow-down.svg | 3 + react/features/base/icons/svg/arrow-left.svg | 4 +- react/features/base/icons/svg/arrow-right.svg | 3 + ...{arrow_up_large.svg => arrow-up-large.svg} | 0 react/features/base/icons/svg/arrow-up.svg | 3 + react/features/base/icons/svg/arrow_down.svg | 3 - react/features/base/icons/svg/arrow_up.svg | 3 - react/features/base/icons/svg/bluetooth.svg | 6 +- react/features/base/icons/svg/burger.svg | 5 + .../features/base/icons/svg/calendar-plus.svg | 3 - react/features/base/icons/svg/calendar.svg | 3 + .../base/icons/svg/camera-disabled.svg | 5 - .../base/icons/svg/camera-empty-disabled.svg | 3 - .../features/base/icons/svg/camera-empty.svg | 3 - .../base/icons/svg/camera-refresh.svg | 2 +- .../base/icons/svg/camera-take-picture.svg | 3 - react/features/base/icons/svg/camera.svg | 5 - react/features/base/icons/svg/cancel.svg | 5 - react/features/base/icons/svg/car.svg | 6 +- react/features/base/icons/svg/chat.svg | 3 - react/features/base/icons/svg/check-solid.svg | 3 - react/features/base/icons/svg/check.svg | 6 +- react/features/base/icons/svg/checkmark.svg | 3 - react/features/base/icons/svg/circle.svg | 3 - .../features/base/icons/svg/close-circle.svg | 5 +- react/features/base/icons/svg/close-large.svg | 3 + react/features/base/icons/svg/close-small.svg | 3 - react/features/base/icons/svg/close-solid.svg | 3 - react/features/base/icons/svg/close-x.svg | 3 - react/features/base/icons/svg/close.svg | 5 - .../base/icons/svg/closed_caption.svg | 3 - .../features/base/icons/svg/cloud-upload.svg | 4 + react/features/base/icons/svg/code-block.svg | 4 - react/features/base/icons/svg/code.svg | 5 + react/features/base/icons/svg/connection.svg | 3 + react/features/base/icons/svg/copy.svg | 4 +- react/features/base/icons/svg/crown.svg | 3 - react/features/base/icons/svg/dock.svg | 4 +- react/features/base/icons/svg/document.svg | 3 - .../base/icons/svg/dominant-speaker.svg | 5 - .../base/icons/svg/dots-horizontal.svg | 5 + react/features/base/icons/svg/download.svg | 5 +- react/features/base/icons/svg/drag-handle.svg | 9 - react/features/base/icons/svg/e2ee.svg | 2 +- react/features/base/icons/svg/edit.svg | 1 - .../base/icons/svg/enter-fullscreen.svg | 6 + react/features/base/icons/svg/envelope.svg | 4 +- react/features/base/icons/svg/event_note.svg | 5 - react/features/base/icons/svg/exclamation.svg | 3 - .../base/icons/svg/exit-full-screen.svg | 6 - .../base/icons/svg/exit-fullscreen.svg | 6 + react/features/base/icons/svg/face-smile.svg | 6 + react/features/base/icons/svg/feedback.svg | 4 +- react/features/base/icons/svg/full-screen.svg | 3 - react/features/base/icons/svg/gauge.svg | 8 - react/features/base/icons/svg/gear.svg | 4 + react/features/base/icons/svg/google.svg | 4 +- react/features/base/icons/svg/gsm-bars.svg | 5 - react/features/base/icons/svg/hangup.svg | 6 +- react/features/base/icons/svg/home.svg | 4 - .../base/icons/svg/horizontal-points.svg | 3 - react/features/base/icons/svg/host.svg | 6 + .../base/icons/svg/icon-arrow-down-wide.svg | 3 - .../base/icons/svg/icon-arrow-up-wide.svg | 3 - .../base/icons/svg/icon-ring-group.svg | 2 +- react/features/base/icons/svg/icons8-home.svg | 4 - react/features/base/icons/svg/image.svg | 4 + react/features/base/icons/svg/index.ts | 159 ++++++------------ react/features/base/icons/svg/info-circle.svg | 5 + react/features/base/icons/svg/info.svg | 5 - react/features/base/icons/svg/kick.svg | 5 - react/features/base/icons/svg/link.svg | 5 - .../base/icons/svg/live-streaming.svg | 3 - .../base/icons/svg/meeting-locked.svg | 1 - .../base/icons/svg/meeting-unlocked.svg | 1 - react/features/base/icons/svg/menu-down.svg | 5 - react/features/base/icons/svg/menu-up.svg | 5 - react/features/base/icons/svg/menu.svg | 5 - react/features/base/icons/svg/message.svg | 7 +- react/features/base/icons/svg/mic-blocked.svg | 3 - .../base/icons/svg/mic-camera-combined.svg | 5 - .../base/icons/svg/mic-disabled-hollow.svg | 3 - .../features/base/icons/svg/mic-disabled.svg | 5 - react/features/base/icons/svg/mic-slash.svg | 5 + react/features/base/icons/svg/mic.svg | 4 + .../base/icons/svg/microphone-empty-slash.svg | 3 - .../base/icons/svg/microphone-empty.svg | 3 - .../base/icons/svg/microphone-hollow.svg | 3 - react/features/base/icons/svg/microphone.svg | 5 - .../base/icons/svg/mute-everyone-else.svg | 4 - .../features/base/icons/svg/mute-everyone.svg | 4 - .../icons/svg/mute-video-everyone-else.svg | 12 -- .../base/icons/svg/mute-video-everyone.svg | 12 -- .../features/base/icons/svg/navigate_next.svg | 5 - .../base/icons/svg/noise-suppression-off.svg | 6 +- .../base/icons/svg/noise-suppression-on.svg | 4 +- react/features/base/icons/svg/office365.svg | 4 +- react/features/base/icons/svg/open_in_new.svg | 5 - react/features/base/icons/svg/paper-plane.svg | 3 - .../features/base/icons/svg/participants.svg | 3 - react/features/base/icons/svg/performance.svg | 4 + .../features/base/icons/svg/phone-ringing.svg | 5 + react/features/base/icons/svg/phone-talk.svg | 5 - react/features/base/icons/svg/phone.svg | 5 - react/features/base/icons/svg/pin.svg | 4 +- react/features/base/icons/svg/pinned.svg | 3 + react/features/base/icons/svg/play.svg | 6 +- react/features/base/icons/svg/plus-circle.svg | 3 - react/features/base/icons/svg/plus.svg | 3 + .../features/base/icons/svg/presentation.svg | 3 - react/features/base/icons/svg/public.svg | 5 - .../base/icons/svg/radio_button_checked.svg | 5 - .../base/icons/svg/radio_button_unchecked.svg | 5 - react/features/base/icons/svg/raise-hand.svg | 4 + .../base/icons/svg/raised-hand-hollow.svg | 3 - react/features/base/icons/svg/raised-hand.svg | 3 - react/features/base/icons/svg/rec.svg | 5 - react/features/base/icons/svg/record.svg | 3 + react/features/base/icons/svg/reply.svg | 4 +- react/features/base/icons/svg/salesforce.svg | 3 - react/features/base/icons/svg/screenshare.svg | 4 + react/features/base/icons/svg/search.svg | 6 +- .../base/icons/svg/security-locked.svg | 5 - .../features/base/icons/svg/security-off.svg | 16 +- react/features/base/icons/svg/security-on.svg | 17 +- react/features/base/icons/svg/security.svg | 5 - react/features/base/icons/svg/send.svg | 6 +- react/features/base/icons/svg/settings.svg | 3 - react/features/base/icons/svg/share-audio.svg | 3 - .../features/base/icons/svg/share-desktop.svg | 3 - react/features/base/icons/svg/share.svg | 4 +- .../features/base/icons/svg/shared-video.svg | 5 - react/features/base/icons/svg/shortcuts.svg | 6 + .../base/icons/svg/signal_cellular_0.svg | 5 - .../base/icons/svg/signal_cellular_1.svg | 5 - .../base/icons/svg/signal_cellular_2.svg | 5 - react/features/base/icons/svg/sip.svg | 3 - react/features/base/icons/svg/sites.svg | 3 + react/features/base/icons/svg/smile.svg | 3 - react/features/base/icons/svg/speaker.svg | 5 - react/features/base/icons/svg/star.svg | 5 - .../base/icons/svg/start-remote-control.svg | 5 + .../base/icons/svg/stop-audio-share.svg | 3 - .../base/icons/svg/stop-remote-control.svg | 5 + .../base/icons/svg/stop-screenshare.svg | 5 + react/features/base/icons/svg/stop.svg | 7 +- react/features/base/icons/svg/subtitles.svg | 5 + .../features/base/icons/svg/switch-camera.svg | 5 - react/features/base/icons/svg/thumb-menu.svg | 5 - react/features/base/icons/svg/tile-view.svg | 6 + react/features/base/icons/svg/tiles-many.svg | 14 -- react/features/base/icons/svg/undock.svg | 4 +- react/features/base/icons/svg/unpin.svg | 3 - .../features/base/icons/svg/user-deleted.svg | 3 + react/features/base/icons/svg/user-plus.svg | 3 - react/features/base/icons/svg/users.svg | 6 + react/features/base/icons/svg/video-off.svg | 5 +- react/features/base/icons/svg/video.svg | 3 + .../base/icons/svg/virtual-background.svg | 3 - .../features/base/icons/svg/volume-empty.svg | 3 - react/features/base/icons/svg/volume-off.svg | 5 +- react/features/base/icons/svg/volume-up.svg | 5 + react/features/base/icons/svg/volume.svg | 5 - .../base/icons/svg/whiteboard-hide.svg | 6 +- .../base/icons/svg/whiteboard-show.svg | 3 - react/features/base/icons/svg/whiteboard.svg | 5 + react/features/base/icons/svg/wifi-1.svg | 2 +- react/features/base/icons/svg/wifi-2.svg | 2 +- react/features/base/icons/svg/wifi-3.svg | 2 +- react/features/base/icons/svg/yahoo.svg | 4 +- .../base/label/components/web/Label.tsx | 11 +- react/features/base/participants/constants.ts | 6 +- .../components/web/ActionButton.tsx | 2 +- .../components/web/ConnectionStatus.tsx | 4 +- .../NavigateSectionListEmptyComponent.js | 4 +- .../react/components/web/BaseIndicator.tsx | 2 - .../components/native/SettingsButton.tsx | 6 +- .../components/AbstractAudioMuteButton.js | 6 +- .../components/AbstractVideoMuteButton.js | 6 +- .../toolbox/components/ToolboxItem.web.js | 4 +- .../components/web/ToolboxButtonWithIcon.js | 2 +- .../web/ToolboxButtonWithIconPopup.js | 2 +- .../base/ui/components/web/Button.tsx | 2 +- .../base/ui/components/web/Checkbox.tsx | 4 +- .../base/ui/components/web/Dialog.tsx | 4 +- .../components/AddMeetingUrlButton.web.js | 4 +- .../components/CalendarList.web.js | 4 +- .../ConferenceNotification.native.js | 4 +- .../components/JoinButton.web.js | 4 +- .../chat/components/native/ChatButton.js | 4 +- .../chat/components/native/ChatInputBar.js | 4 +- .../components/native/MessageRecipient.js | 6 +- .../chat/components/web/ChatButton.js | 6 +- .../chat/components/web/ChatHeader.js | 4 +- .../chat/components/web/ChatInput.tsx | 6 +- .../chat/components/web/MessageRecipient.js | 6 +- .../components/ChromeExtensionBanner.web.js | 4 +- .../native/LonelyMeetingExperience.js | 4 +- .../native/RaisedHandsCountLabel.js | 4 +- .../components/native/carmode/AudioIcon.tsx | 4 +- .../native/carmode/MicrophoneButton.tsx | 4 +- .../conference/components/web/InviteMore.js | 111 ------------ .../components/web/RaisedHandsCountLabel.tsx | 6 +- .../components/web/ToggleTopPanelLabel.tsx | 4 +- .../conference/components/web/index.js | 1 - .../components/native/ConnectionIndicator.js | 4 +- .../components/web/ConnectionIndicatorIcon.js | 6 +- .../components/EmbedMeetingButton.js | 4 +- .../components/native/AudioMutedIndicator.js | 4 +- .../components/native/PinnedIndicator.js | 4 +- .../components/native/RaisedHandIndicator.js | 4 +- .../components/native/ScreenShareIndicator.js | 4 +- .../components/web/AudioMutedIndicator.js | 6 +- .../filmstrip/components/web/Filmstrip.tsx | 4 +- .../components/web/ModeratorIndicator.js | 2 +- .../components/web/PinnedIndicator.tsx | 4 +- .../components/web/RaisedHandIndicator.tsx | 4 +- .../components/web/ScreenShareIndicator.js | 6 +- .../filmstrip/components/web/Thumbnail.tsx | 8 +- .../web/ThumbnailBottomIndicators.tsx | 1 - .../native/AddPeopleDialog.js | 8 +- .../add-people-dialog/web/InviteButton.js | 4 +- .../web/InviteByEmailSection.tsx | 6 +- .../web/InviteContactsForm.js | 4 +- .../dial-in-summary/web/NumbersList.js | 4 +- .../components/web/KeyboardShortcutsButton.js | 4 +- .../lobby/components/web/LobbyScreen.js | 4 +- .../components/AudioDeviceToggleButton.js | 4 +- .../components/AudioRoutePickerDialog.js | 12 +- react/features/mobile/navigation/functions.js | 6 +- .../components/PictureInPictureButton.js | 4 +- .../components/native/Notification.js | 4 +- .../native/BreakoutRoomContextMenu.js | 6 +- .../components/web/RoomActionEllipsis.tsx | 4 +- .../components/web/RoomContextMenu.js | 4 +- .../components/native/ClearableInput.js | 4 +- .../ContextMenuLobbyParticipantReject.js | 4 +- .../native/MeetingParticipantList.js | 4 +- .../native/ParticipantsPaneButton.js | 4 +- .../native/ParticipantsPaneFooter.tsx | 4 +- .../components/native/RaisedHandIndicator.js | 4 +- .../components/web/FooterContextMenu.tsx | 4 +- .../components/web/InviteButton.tsx | 4 +- .../components/web/LobbyParticipantItem.tsx | 8 +- .../components/web/LobbyParticipants.tsx | 4 +- .../web/ParticipantActionEllipsis.tsx | 4 +- .../components/web/ParticipantsPane.tsx | 6 +- .../components/web/ParticipantsPaneButton.js | 4 +- .../components/web/RaisedHandIndicator.tsx | 6 +- .../features/participants-pane/constants.tsx | 22 +-- .../polls/components/web/PollCreate.tsx | 4 +- .../polls/components/web/PollsList.js | 4 +- .../prejoin/components/native/Prejoin.tsx | 4 +- .../prejoin/components/web/Prejoin.js | 4 +- .../components/web/dialogs/CallingDialog.tsx | 4 +- .../components/web/dialogs/DialOutDialog.tsx | 4 +- .../components/web/preview/DeviceStatus.tsx | 4 +- .../components/native/ReactionsMenuButton.js | 4 +- .../components/web/RaiseHandButton.js | 4 +- .../components/ShowDialInInfoButton.native.js | 4 +- .../LiveStream/AbstractLiveStreamButton.js | 4 +- .../Recording/AbstractRecordButton.js | 5 +- .../components/web/ShareAudioButton.js | 8 +- .../settings/components/web/SettingsButton.js | 4 +- .../web/audio/AudioSettingsContent.js | 6 +- .../components/native/SharedVideoButton.js | 4 +- .../components/web/SharedVideoButton.js | 4 +- .../components/AbstractSpeakerStatsButton.js | 4 +- .../components/ClosedCaptionButton.native.js | 4 +- .../components/ClosedCaptionButton.web.js | 4 +- .../native/LinkToSalesforceButton.js | 4 +- .../components/native/OverflowMenuButton.js | 4 +- .../components/native/RaiseHandButton.js | 4 +- .../native/ScreenSharingAndroidButton.js | 4 +- .../native/ScreenSharingIosButton.js | 4 +- .../components/native/ToggleCameraButton.js | 4 +- .../components/web/FullscreenButton.js | 6 +- .../components/web/HangupToggleButton.tsx | 4 +- .../components/web/LinkToSalesforceButton.js | 4 +- .../components/web/OverflowToggleButton.js | 6 +- .../components/web/ShareDesktopButton.js | 5 +- .../toolbox/components/web/Toolbox.tsx | 4 +- .../components/AbstractKickButton.js | 4 +- .../components/AbstractMuteButton.js | 4 +- .../AbstractMuteEveryoneElseButton.js | 4 +- .../AbstractMuteEveryoneElsesVideoButton.js | 4 +- .../components/native/AskUnmuteButton.js | 6 +- .../native/ConnectionStatusButton.js | 4 +- .../video-menu/components/native/PinButton.js | 4 +- .../components/native/VolumeSlider.js | 4 +- .../components/web/AskToUnmuteButton.js | 4 +- .../components/web/ConnectionStatusButton.js | 4 +- .../web/FakeParticipantContextMenu.tsx | 6 +- .../video-menu/components/web/KickButton.js | 4 +- .../web/LocalVideoMenuTriggerButton.tsx | 4 +- .../video-menu/components/web/MuteButton.js | 4 +- .../components/web/MuteEveryoneElseButton.js | 4 +- .../web/MuteEveryoneElsesVideoButton.js | 4 +- .../web/RemoteVideoMenuTriggerButton.tsx | 4 +- .../components/web/TogglePinToStageButton.js | 4 +- .../components/web/VolumeSlider.tsx | 4 +- .../components/VideoQualityButton.web.js | 4 +- .../components/VideoQualityLabel.web.js | 7 +- .../components/UploadImageButton.tsx | 4 +- .../components/VideoBackgroundButton.js | 4 +- .../components/VirtualBackgroundDialog.tsx | 4 +- react/features/welcome/constants.tsx | 6 +- .../components/web/WhiteboardButton.tsx | 6 +- 323 files changed, 631 insertions(+), 1074 deletions(-) delete mode 100755 react/features/base/icons/svg/AUD.svg delete mode 100755 react/features/base/icons/svg/HD.svg delete mode 100755 react/features/base/icons/svg/LD.svg delete mode 100755 react/features/base/icons/svg/SD.svg create mode 100755 react/features/base/icons/svg/add-user.svg delete mode 100755 react/features/base/icons/svg/add.svg rename react/features/base/icons/svg/{arrow_back.svg => arrow-back.svg} (100%) rename react/features/base/icons/svg/{arrow_down_large.svg => arrow-down-large.svg} (100%) delete mode 100755 react/features/base/icons/svg/arrow-down-small.svg create mode 100644 react/features/base/icons/svg/arrow-down.svg create mode 100755 react/features/base/icons/svg/arrow-right.svg rename react/features/base/icons/svg/{arrow_up_large.svg => arrow-up-large.svg} (100%) create mode 100644 react/features/base/icons/svg/arrow-up.svg delete mode 100644 react/features/base/icons/svg/arrow_down.svg delete mode 100644 react/features/base/icons/svg/arrow_up.svg create mode 100755 react/features/base/icons/svg/burger.svg delete mode 100644 react/features/base/icons/svg/calendar-plus.svg create mode 100644 react/features/base/icons/svg/calendar.svg delete mode 100755 react/features/base/icons/svg/camera-disabled.svg delete mode 100644 react/features/base/icons/svg/camera-empty-disabled.svg delete mode 100644 react/features/base/icons/svg/camera-empty.svg delete mode 100755 react/features/base/icons/svg/camera-take-picture.svg delete mode 100755 react/features/base/icons/svg/camera.svg delete mode 100755 react/features/base/icons/svg/cancel.svg delete mode 100755 react/features/base/icons/svg/chat.svg delete mode 100644 react/features/base/icons/svg/check-solid.svg delete mode 100644 react/features/base/icons/svg/checkmark.svg delete mode 100644 react/features/base/icons/svg/circle.svg create mode 100755 react/features/base/icons/svg/close-large.svg delete mode 100644 react/features/base/icons/svg/close-small.svg delete mode 100644 react/features/base/icons/svg/close-solid.svg delete mode 100644 react/features/base/icons/svg/close-x.svg delete mode 100755 react/features/base/icons/svg/close.svg delete mode 100755 react/features/base/icons/svg/closed_caption.svg create mode 100644 react/features/base/icons/svg/cloud-upload.svg delete mode 100644 react/features/base/icons/svg/code-block.svg create mode 100644 react/features/base/icons/svg/code.svg create mode 100755 react/features/base/icons/svg/connection.svg delete mode 100644 react/features/base/icons/svg/crown.svg delete mode 100644 react/features/base/icons/svg/document.svg delete mode 100755 react/features/base/icons/svg/dominant-speaker.svg create mode 100644 react/features/base/icons/svg/dots-horizontal.svg delete mode 100644 react/features/base/icons/svg/drag-handle.svg delete mode 100644 react/features/base/icons/svg/edit.svg create mode 100755 react/features/base/icons/svg/enter-fullscreen.svg delete mode 100755 react/features/base/icons/svg/event_note.svg delete mode 100644 react/features/base/icons/svg/exclamation.svg delete mode 100755 react/features/base/icons/svg/exit-full-screen.svg create mode 100755 react/features/base/icons/svg/exit-fullscreen.svg create mode 100644 react/features/base/icons/svg/face-smile.svg delete mode 100755 react/features/base/icons/svg/full-screen.svg delete mode 100644 react/features/base/icons/svg/gauge.svg create mode 100755 react/features/base/icons/svg/gear.svg delete mode 100755 react/features/base/icons/svg/gsm-bars.svg delete mode 100644 react/features/base/icons/svg/home.svg delete mode 100644 react/features/base/icons/svg/horizontal-points.svg create mode 100644 react/features/base/icons/svg/host.svg delete mode 100644 react/features/base/icons/svg/icon-arrow-down-wide.svg delete mode 100644 react/features/base/icons/svg/icon-arrow-up-wide.svg delete mode 100644 react/features/base/icons/svg/icons8-home.svg create mode 100644 react/features/base/icons/svg/image.svg create mode 100755 react/features/base/icons/svg/info-circle.svg delete mode 100755 react/features/base/icons/svg/info.svg delete mode 100755 react/features/base/icons/svg/kick.svg delete mode 100755 react/features/base/icons/svg/link.svg delete mode 100644 react/features/base/icons/svg/live-streaming.svg delete mode 100644 react/features/base/icons/svg/meeting-locked.svg delete mode 100644 react/features/base/icons/svg/meeting-unlocked.svg delete mode 100755 react/features/base/icons/svg/menu-down.svg delete mode 100755 react/features/base/icons/svg/menu-up.svg delete mode 100755 react/features/base/icons/svg/menu.svg delete mode 100644 react/features/base/icons/svg/mic-blocked.svg delete mode 100755 react/features/base/icons/svg/mic-camera-combined.svg delete mode 100755 react/features/base/icons/svg/mic-disabled-hollow.svg delete mode 100755 react/features/base/icons/svg/mic-disabled.svg create mode 100644 react/features/base/icons/svg/mic-slash.svg create mode 100644 react/features/base/icons/svg/mic.svg delete mode 100644 react/features/base/icons/svg/microphone-empty-slash.svg delete mode 100644 react/features/base/icons/svg/microphone-empty.svg delete mode 100644 react/features/base/icons/svg/microphone-hollow.svg delete mode 100755 react/features/base/icons/svg/microphone.svg delete mode 100644 react/features/base/icons/svg/mute-everyone-else.svg delete mode 100644 react/features/base/icons/svg/mute-everyone.svg delete mode 100644 react/features/base/icons/svg/mute-video-everyone-else.svg delete mode 100644 react/features/base/icons/svg/mute-video-everyone.svg delete mode 100755 react/features/base/icons/svg/navigate_next.svg delete mode 100755 react/features/base/icons/svg/open_in_new.svg delete mode 100644 react/features/base/icons/svg/paper-plane.svg delete mode 100644 react/features/base/icons/svg/participants.svg create mode 100644 react/features/base/icons/svg/performance.svg create mode 100755 react/features/base/icons/svg/phone-ringing.svg delete mode 100755 react/features/base/icons/svg/phone-talk.svg delete mode 100755 react/features/base/icons/svg/phone.svg create mode 100644 react/features/base/icons/svg/pinned.svg mode change 100755 => 100644 react/features/base/icons/svg/play.svg delete mode 100644 react/features/base/icons/svg/plus-circle.svg create mode 100755 react/features/base/icons/svg/plus.svg delete mode 100755 react/features/base/icons/svg/presentation.svg delete mode 100755 react/features/base/icons/svg/public.svg delete mode 100755 react/features/base/icons/svg/radio_button_checked.svg delete mode 100755 react/features/base/icons/svg/radio_button_unchecked.svg create mode 100755 react/features/base/icons/svg/raise-hand.svg delete mode 100755 react/features/base/icons/svg/raised-hand-hollow.svg delete mode 100755 react/features/base/icons/svg/raised-hand.svg delete mode 100755 react/features/base/icons/svg/rec.svg create mode 100755 react/features/base/icons/svg/record.svg delete mode 100644 react/features/base/icons/svg/salesforce.svg create mode 100644 react/features/base/icons/svg/screenshare.svg delete mode 100755 react/features/base/icons/svg/security-locked.svg delete mode 100755 react/features/base/icons/svg/security.svg delete mode 100755 react/features/base/icons/svg/settings.svg delete mode 100644 react/features/base/icons/svg/share-audio.svg delete mode 100644 react/features/base/icons/svg/share-desktop.svg delete mode 100755 react/features/base/icons/svg/shared-video.svg create mode 100644 react/features/base/icons/svg/shortcuts.svg delete mode 100755 react/features/base/icons/svg/signal_cellular_0.svg delete mode 100755 react/features/base/icons/svg/signal_cellular_1.svg delete mode 100755 react/features/base/icons/svg/signal_cellular_2.svg delete mode 100644 react/features/base/icons/svg/sip.svg create mode 100644 react/features/base/icons/svg/sites.svg delete mode 100644 react/features/base/icons/svg/smile.svg delete mode 100755 react/features/base/icons/svg/speaker.svg delete mode 100755 react/features/base/icons/svg/star.svg create mode 100755 react/features/base/icons/svg/start-remote-control.svg delete mode 100644 react/features/base/icons/svg/stop-audio-share.svg create mode 100755 react/features/base/icons/svg/stop-remote-control.svg create mode 100644 react/features/base/icons/svg/stop-screenshare.svg create mode 100755 react/features/base/icons/svg/subtitles.svg delete mode 100755 react/features/base/icons/svg/switch-camera.svg delete mode 100755 react/features/base/icons/svg/thumb-menu.svg create mode 100755 react/features/base/icons/svg/tile-view.svg delete mode 100755 react/features/base/icons/svg/tiles-many.svg delete mode 100644 react/features/base/icons/svg/unpin.svg create mode 100644 react/features/base/icons/svg/user-deleted.svg delete mode 100755 react/features/base/icons/svg/user-plus.svg create mode 100644 react/features/base/icons/svg/users.svg create mode 100644 react/features/base/icons/svg/video.svg delete mode 100644 react/features/base/icons/svg/virtual-background.svg delete mode 100644 react/features/base/icons/svg/volume-empty.svg create mode 100755 react/features/base/icons/svg/volume-up.svg delete mode 100755 react/features/base/icons/svg/volume.svg delete mode 100644 react/features/base/icons/svg/whiteboard-show.svg create mode 100644 react/features/base/icons/svg/whiteboard.svg delete mode 100644 react/features/conference/components/web/InviteMore.js diff --git a/css/_base.scss b/css/_base.scss index 64bd8125a0..f0d2ae7eb9 100644 --- a/css/_base.scss +++ b/css/_base.scss @@ -182,3 +182,8 @@ form { background: rgba(0, 0, 0, .5); border-radius: 4px; } + +/* Necessary for the new icons to work properly. */ +.jitsi-icon svg path { + fill: inherit !important; +} diff --git a/css/_settings-button.scss b/css/_settings-button.scss index a99ab19235..3ef42c57b4 100644 --- a/css/_settings-button.scss +++ b/css/_settings-button.scss @@ -25,7 +25,7 @@ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; cursor: pointer; - padding: 4px; + padding: 1px; position: absolute; right: -4px; top: -3px; diff --git a/react/features/always-on-top/AudioMuteButton.js b/react/features/always-on-top/AudioMuteButton.js index b6f6072bab..71374209bb 100644 --- a/react/features/always-on-top/AudioMuteButton.js +++ b/react/features/always-on-top/AudioMuteButton.js @@ -4,7 +4,7 @@ import React, { Component } from 'react'; // We need to reference these files directly to avoid loading things that are not available // in this environment (e.g. JitsiMeetJS or interfaceConfig) -import { IconMicrophoneEmpty, IconMicrophoneEmptySlash } from '../base/icons'; +import { IconMic, IconMicSlash } from '../base/icons'; import type { Props } from '../base/toolbox/components/AbstractButton'; import ToolbarButton from './ToolbarButton'; @@ -31,8 +31,8 @@ type State = { * Stateless "mute/unmute audio" button for the Always-on-Top windows. */ export default class AudioMuteButton extends Component { - icon = IconMicrophoneEmpty; - toggledIcon = IconMicrophoneEmptySlash; + icon = IconMic; + toggledIcon = IconMicSlash; accessibilityLabel = 'Audio mute'; /** diff --git a/react/features/always-on-top/VideoMuteButton.js b/react/features/always-on-top/VideoMuteButton.js index 74834fcaed..b3edb7fdc9 100644 --- a/react/features/always-on-top/VideoMuteButton.js +++ b/react/features/always-on-top/VideoMuteButton.js @@ -3,7 +3,7 @@ import React, { Component } from 'react'; // We need to reference these files directly to avoid loading things that are not available // in this environment (e.g. JitsiMeetJS or interfaceConfig) -import { IconCameraEmpty, IconCameraEmptyDisabled } from '../base/icons'; +import { IconVideo, IconVideoOff } from '../base/icons'; import type { Props } from '../base/toolbox/components/AbstractButton'; import ToolbarButton from './ToolbarButton'; @@ -31,8 +31,8 @@ type State = { */ export default class VideoMuteButton extends Component { - icon = IconCameraEmpty; - toggledIcon = IconCameraEmptyDisabled; + icon = IconVideo; + toggledIcon = IconVideoOff; accessibilityLabel = 'Video mute'; /** diff --git a/react/features/base/buttons/CopyButton.web.tsx b/react/features/base/buttons/CopyButton.web.tsx index 72787ef75b..a23137bf47 100644 --- a/react/features/base/buttons/CopyButton.web.tsx +++ b/react/features/base/buttons/CopyButton.web.tsx @@ -31,7 +31,7 @@ const useStyles = makeStyles()((theme: Theme) => { background: theme.palette.success02 }, - '& > div > svg > path': { + '& > div > svg': { fill: theme.palette.icon01 } }, diff --git a/react/features/base/dialog/components/web/ModalHeader.tsx b/react/features/base/dialog/components/web/ModalHeader.tsx index 8bf0952c81..3817ccb77e 100644 --- a/react/features/base/dialog/components/web/ModalHeader.tsx +++ b/react/features/base/dialog/components/web/ModalHeader.tsx @@ -15,7 +15,7 @@ import React from 'react'; import { WithTranslation } from 'react-i18next'; import { translate } from '../../../i18n/functions'; -import { IconClose } from '../../../icons/svg'; +import { IconCloseLarge } from '../../../icons/svg'; import { withPixelLineHeight } from '../../../styles/functions.web'; import Button from '../../../ui/components/web/Button'; import { BUTTON_TYPES } from '../../../ui/constants'; @@ -159,7 +159,7 @@ class ModalHeader extends React.Component { { !hideCloseIconButton && diff --git a/react/features/polls/components/web/PollsList.js b/react/features/polls/components/web/PollsList.js index 9dbce9d266..19089d8979 100644 --- a/react/features/polls/components/web/PollsList.js +++ b/react/features/polls/components/web/PollsList.js @@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'; import { useSelector } from 'react-redux'; -import { Icon, IconChatUnread } from '../../../base/icons'; +import { Icon, IconMessage } from '../../../base/icons'; import { browser } from '../../../base/lib-jitsi-meet'; import PollItem from './PollItem'; @@ -42,7 +42,7 @@ const PollsList = () => { ?
+ src = { IconMessage } /> {t('polls.results.empty')}
: listPolls.map((id, index) => ( diff --git a/react/features/prejoin/components/native/Prejoin.tsx b/react/features/prejoin/components/native/Prejoin.tsx index e88f576395..9c3d7b137f 100644 --- a/react/features/prejoin/components/native/Prejoin.tsx +++ b/react/features/prejoin/components/native/Prejoin.tsx @@ -20,7 +20,7 @@ import { IReduxState } from '../../../app/types'; import { setAudioOnly } from '../../../base/audio-only/actions'; import { getConferenceName } from '../../../base/conference/functions'; import { connect } from '../../../base/connection/actions.native'; -import { IconClose } from '../../../base/icons/svg'; +import { IconCloseLarge } from '../../../base/icons/svg'; // @ts-ignore import JitsiScreen from '../../../base/modal/components/JitsiScreen'; import { getLocalParticipant } from '../../../base/participants/functions'; @@ -103,7 +103,7 @@ const Prejoin: React.FC = ({ navigation }: IPrejoinProps) => { return ( + src = { IconCloseLarge } /> ); }, []); diff --git a/react/features/prejoin/components/web/Prejoin.js b/react/features/prejoin/components/web/Prejoin.js index d9c84f135d..60cd507838 100644 --- a/react/features/prejoin/components/web/Prejoin.js +++ b/react/features/prejoin/components/web/Prejoin.js @@ -6,7 +6,7 @@ import React, { Component } from 'react'; import { Avatar } from '../../../base/avatar'; import { isNameReadOnly } from '../../../base/config'; import { translate } from '../../../base/i18n'; -import { IconArrowDown, IconArrowUp, IconPhone, IconVolumeOff } from '../../../base/icons'; +import { IconArrowDown, IconArrowUp, IconPhoneRinging, IconVolumeOff } from '../../../base/icons'; import { isVideoMutedByUser } from '../../../base/media'; import { getLocalParticipant } from '../../../base/participants'; import { ActionButton, InputField, PreMeetingScreen } from '../../../base/premeeting'; @@ -314,7 +314,7 @@ class Prejoin extends Component { const byPhone = { key: 'by-phone', dataTestId: 'prejoin.joinByPhone', - icon: IconPhone, + icon: IconPhoneRinging, label: t('prejoin.joinAudioByPhone'), onButtonClick: this._showDialog, onKeyPressed: this._showDialogKeyPress diff --git a/react/features/prejoin/components/web/dialogs/CallingDialog.tsx b/react/features/prejoin/components/web/dialogs/CallingDialog.tsx index 50e92b32fb..84a07264bc 100644 --- a/react/features/prejoin/components/web/dialogs/CallingDialog.tsx +++ b/react/features/prejoin/components/web/dialogs/CallingDialog.tsx @@ -9,7 +9,7 @@ import { makeStyles } from 'tss-react/mui'; import { Avatar } from '../../../../base/avatar'; import { translate } from '../../../../base/i18n/functions'; import Icon from '../../../../base/icons/components/Icon'; -import { IconClose } from '../../../../base/icons/svg'; +import { IconCloseLarge } from '../../../../base/icons/svg'; // @ts-ignore import Label from '../Label'; @@ -78,7 +78,7 @@ function CallingDialog(props: IProps) { onClick = { onClose } role = 'button' size = { 24 } - src = { IconClose } /> + src = { IconCloseLarge } />