diff --git a/src/room/EncryptionLock.tsx b/src/room/EncryptionLock.tsx index f7fcda31..5408f707 100644 --- a/src/room/EncryptionLock.tsx +++ b/src/room/EncryptionLock.tsx @@ -17,7 +17,7 @@ limitations under the License. import { FC } from "react"; import { Tooltip } from "@vector-im/compound-web"; import { useTranslation } from "react-i18next"; -import LockIcon from "@vector-im/compound-design-tokens/icons/lock.svg?react"; +import LockSolidIcon from "@vector-im/compound-design-tokens/icons/lock-solid.svg?react"; import LockOffIcon from "@vector-im/compound-design-tokens/icons/lock-off.svg?react"; import styles from "./EncryptionLock.module.css"; @@ -28,7 +28,7 @@ interface Props { export const EncryptionLock: FC = ({ encrypted }) => { const { t } = useTranslation(); - const Icon = encrypted ? LockIcon : LockOffIcon; + const Icon = encrypted ? LockSolidIcon : LockOffIcon; const label = encrypted ? t("common.encrypted") : t("common.unencrypted"); return ( diff --git a/src/video-grid/VideoTile.tsx b/src/video-grid/VideoTile.tsx index 3ba16315..cc80bfb7 100644 --- a/src/video-grid/VideoTile.tsx +++ b/src/video-grid/VideoTile.tsx @@ -37,7 +37,7 @@ import { import MicOnSolidIcon from "@vector-im/compound-design-tokens/icons/mic-on-solid.svg?react"; import MicOffSolidIcon from "@vector-im/compound-design-tokens/icons/mic-off-solid.svg?react"; import ErrorIcon from "@vector-im/compound-design-tokens/icons/error.svg?react"; -import MicOffOutlineIcon from "@vector-im/compound-design-tokens/icons/mic-off-outline.svg?react"; +import MicOffIcon from "@vector-im/compound-design-tokens/icons/mic-off.svg?react"; import OverflowHorizontalIcon from "@vector-im/compound-design-tokens/icons/overflow-horizontal.svg?react"; import VolumeOnIcon from "@vector-im/compound-design-tokens/icons/volume-on.svg?react"; import VolumeOffIcon from "@vector-im/compound-design-tokens/icons/volume-off.svg?react"; @@ -236,7 +236,7 @@ const UserMediaTile = subscribe( ) : ( <>