diff --git a/README.md b/README.md
index fab6484..75f5517 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 <br />
 <div align="center">
   <a href="https://github.com/rzmk/simple-blog">
-    <img src="public/img/pencil.png" alt="Pencil" width="80" height="80">
+    <img src="public/img/pencil.svg" alt="Pencil" width="80" height="80">
   </a>
 
   <h3 align="center">A Simple Blog</h3>
diff --git a/public/img/pencil.png b/public/img/pencil.png
deleted file mode 100644
index c97a249..0000000
Binary files a/public/img/pencil.png and /dev/null differ
diff --git a/public/img/pencil.svg b/public/img/pencil.svg
new file mode 100644
index 0000000..5ab25af
--- /dev/null
+++ b/public/img/pencil.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#1ABC9C;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<path class="st0" d="M12,20h9"/>
+<path class="st0" d="M16.5,3.5c0.8-0.8,2.2-0.8,3,0s0.8,2.2,0,3L7,19l-4,1l1-4L16.5,3.5z"/>
+</svg>
diff --git a/public/img/screenshot.png b/public/img/screenshot.png
index 6e44d3c..bede5c5 100644
Binary files a/public/img/screenshot.png and b/public/img/screenshot.png differ