diff --git a/server/client/src/components/playlistHeader.tsx b/server/client/src/components/playlistHeader.tsx
index 51776226..f50c1e5b 100644
--- a/server/client/src/components/playlistHeader.tsx
+++ b/server/client/src/components/playlistHeader.tsx
@@ -10,6 +10,7 @@ import {
 import { showedPasteUrl } from "../app/uiSlice";
 import Button from "./common/button";
 import Headset from "../media/playlistIcon.svg";
+import Icon from "../media/icon22.png";
 import { selectFirstSong, selectSongs } from "../app/songsSlice";
 import { totalDuration } from "../utils/song";
 
@@ -42,7 +43,7 @@ const PlaylistHeader = () => {
 		<Wrapper>
 			<div className="playlist-content-wrapper">
 				<div className="playlist-img-div">
-					<img src={Headset} alt="Playlist Header" className="playlist-img" />
+					<img src={Icon} style={{height:"10rem", width:"10rem"}} alt="Playlist Header" className="playlist-img" />
 				</div>
 
 				<div className="playlist-content">
diff --git a/server/client/src/media/icon22.png b/server/client/src/media/icon22.png
new file mode 100644
index 00000000..62188271
Binary files /dev/null and b/server/client/src/media/icon22.png differ