blog icon

src/app/blogs/components/SingleBlogPage.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Profile, Calendar, Tag, ExportCurve } from 'iconsax-react'
+import { Profile, Calendar, Tag, ExportCurve, Whatsapp, Send2 } from 'iconsax-react'
 import { FC } from 'react'
 import Image from 'next/image'
 // import MostVisited from '../components/MostVisited'
@@ -83,19 +83,15 @@ const SingleBlogPage: FC<Props> = ({ id }) => {
                         <div className='text-sm'>اشتراک گذاری</div>
 
                         <WhatsappShareButton url={`${window.location.origin}/blogs/${id}`}>
-                            <Image
-                                src='/images/whatsapp.svg'
-                                alt='share'
-                                width={20}
-                                height={20}
+                            <Whatsapp
+                                size={20}
+                                color='black'
                             />
                         </WhatsappShareButton>
                         <TelegramShareButton url={`${window.location.origin}/blogs/${id}`}>
-                            <Image
-                                src='/images/telegram.svg'
-                                alt='share'
-                                width={20}
-                                height={20}
+                            <Send2
+                                size={20}
+                                color='black'
                             />
                         </TelegramShareButton>