diff --git a/public/assets/images/icon.png b/public/assets/images/icon.png
new file mode 100644
index 0000000..4b16851
Binary files /dev/null and b/public/assets/images/icon.png differ
diff --git a/public/assets/images/icon.svg b/public/assets/images/icon.svg
new file mode 100644
index 0000000..56f0963
--- /dev/null
+++ b/public/assets/images/icon.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+    <defs>
+        <linearGradient id="gradient">
+            <stop offset="0%" stop-color="#4CAF50" />
+            <stop offset="20%" stop-color="#4CAF50" />
+            <stop offset="80%" stop-color="#00BCD4" />
+        </linearGradient>
+
+        <mask id="mask">
+            <rect rx="0" ry="0" width="100" height="100" fill="white" />
+            <polygon points="40,30 65,50 40,70" />
+        </mask>
+    </defs>
+
+    <circle id="circle" cx="50" cy="50" r="50" fill="url(#gradient)" mask="url(#mask)" />
+</svg>
diff --git a/public/index.html b/public/index.html
index 74e7201..6ffd1ec 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,6 +8,8 @@
 		<script defer src="/assets/scripts/ffmpeg/package/dist/umd/ffmpeg.js"></script>
 		<script defer src="/assets/scripts/ui.js"></script>
 		<script defer type="module" src="/assets/scripts/main.js"></script>
+		<link rel="shortcut icon" href="/assets/images/icon.png">
+		<link rel="apple-touch-icon" href="/assets/images/icon.png">
 		<link rel="stylesheet" href="/assets/styles/main.css">
 		<link rel="stylesheet" href="/assets/styles/ui.css">
 		<link rel="stylesheet" href="/assets/styles/file-picker-section.css">