@@ -9,6 +9,8 @@ interface IProps {
 	image: string
 }
 export default function FullScreenModal({ modal, setModal, image }: IProps) {
+	const isSvg = image.includes('.svg')
+
 	return (
 		<div
 			style={{
@@ -42,7 +44,17 @@ export default function FullScreenModal({ modal, setModal, image }: IProps) {
 				</svg>
 			</div>
 			<div className={styles.image_block}>
-				<Image src={image} width={'1500'} height={'1500'} alt='К сожалению, изображение не загрузилось' className={styles.image_style} />
+				{!isSvg ? (
+					<Image
+						src={image}
+						width={'1500'}
+						height={'1500'}
+						alt='К сожалению, изображение не загрузилось'
+						className={styles.image_style}
+					/>
+				) : (
+					<img src={image} alt='К сожалению, изображение не загрузилось' className={styles.image_style} />
+				)}
 			</div>
 		</div>
 	)
@@ -170,6 +170,8 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images
 						images.map((message) => {
 							//@ts-ignore
 							const isZip = message.file && message.file.includes('.zip')
+							//@ts-ignore
+							const isSvg = message.file && message.file.includes('.svg')
 							return (
 								<Box key={message.uid} sx={{ position: 'relative' }}>
 									{isZip ? (
@@ -203,48 +205,93 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images
 													borderRadius: '15px',
 												}}
 											>
-												<Image
-													className={styles.image}
-													onClick={() => {
-														setChosenImage(message.file as string)
-														setModal(true)
-													}}
-													onLoadingComplete={() => setLoaded(true)}
-													style={{
-														position: 'relative',
-														zIndex: '2',
-														borderRadius: 15,
-														width: '100%',
-														height: '100%',
-														opacity: loaded ? '100%' : '0%',
-														userSelect: 'none',
-														objectFit: 'contain',
-													}}
-													width={500}
-													height={500}
-													src={(message.file as unknown as string) || ''}
-													alt={'К сожалению, изображение не загрузилось'}
-												/>
-												<Image
-													className={styles.image}
-													onLoadingComplete={() => setLoaded(true)}
-													style={{
-														position: 'absolute',
-														zIndex: '1',
-														borderRadius: 15,
-														width: '100%',
-														height: '100%',
-														opacity: loaded ? '100%' : '0%',
-														userSelect: 'none',
-														objectFit: 'cover',
-														right: 0,
-														filter: 'blur(10px) brightness(0.7)',
-													}}
-													width={10}
-													height={10}
-													src={(message.file as unknown as string) || ''}
-													alt=''
-												/>
+												{!isSvg ? (
+													<>
+														<Image
+															className={styles.image}
+															onClick={() => {
+																setChosenImage(message.file as string)
+																setModal(true)
+															}}
+															onLoadingComplete={() => setLoaded(true)}
+															style={{
+																position: 'relative',
+																zIndex: '2',
+																borderRadius: 15,
+																width: '100%',
+																height: '100%',
+																opacity: loaded ? '100%' : '0%',
+																userSelect: 'none',
+																objectFit: 'contain',
+															}}
+															width={500}
+															height={500}
+															src={(message.file as unknown as string) || ''}
+															alt={'К сожалению, изображение не загрузилось'}
+														/>
+														<Image
+															className={styles.image}
+															onLoadingComplete={() => setLoaded(true)}
+															style={{
+																position: 'absolute',
+																zIndex: '1',
+																borderRadius: 15,
+																width: '100%',
+																height: '100%',
+																opacity: loaded ? '100%' : '0%',
+																userSelect: 'none',
+																objectFit: 'cover',
+																right: 0,
+																filter: 'blur(10px) brightness(0.7)',
+															}}
+															width={10}
+															height={10}
+															src={(message.file as unknown as string) || ''}
+															alt=''
+														/>
+													</>
+												) : (
+													<>
+														<img
+															className={styles.image}
+															onClick={() => {
+																setChosenImage(message.file as string)
+																setModal(true)
+															}}
+															style={{
+																position: 'relative',
+																zIndex: '2',
+																borderRadius: 15,
+																width: '100%',
+																height: '100%',
+																userSelect: 'none',
+																objectFit: 'contain',
+															}}
+															src={(message.file as unknown as string) || ''}
+															alt='К сожалению, изображение не загрузилось'
+														/>
+														<img
+															className={styles.image}
+															width='10px'
+															height='10px'
+															style={{
+																position: 'absolute',
+																zIndex: '1',
+																borderRadius: 15,
+																width: '100%',
+																height: '100%',
+																opacity: loaded ? '100%' : '0%',
+																userSelect: 'none',
+																objectFit: 'cover',
+																right: 0,
+																filter: 'blur(10px) brightness(0.7)',
+															}}
+															src={(message.file as unknown as string) || ''}
+															alt='К сожалению, изображение не загрузилось'
+														/>
+													</>
+												)}
+
 												{!loaded && (
 													<Skeleton
 														sx={{