diff --git a/icons/blog.svg b/icons/blog.svg
new file mode 100644
index 0000000..f0b918a
--- /dev/null
+++ b/icons/blog.svg
@@ -0,0 +1,291 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="128px"
+   viewBox="0 0 128 128"
+   width="128px"
+   version="1.1"
+   id="svg21"
+   sodipodi:docname="blog.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs21" />
+  <sodipodi:namedview
+     id="namedview21"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="5.6568543"
+     inkscape:cx="49.409086"
+     inkscape:cy="66.202872"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg21" />
+  <linearGradient
+     id="a"
+     gradientUnits="userSpaceOnUse"
+     x1="8"
+     x2="58"
+     y1="69.999985"
+     y2="69.999985">
+    <stop
+       offset="0"
+       stop-color="#4aaac9"
+       id="stop1"
+       style="stop-color:#3d3846;stop-opacity:1;" />
+    <stop
+       offset="0.16"
+       stop-color="#8bddf7"
+       id="stop2"
+       style="stop-color:#5e5c64;stop-opacity:1;" />
+    <stop
+       offset="0.31999999"
+       stop-color="#4aaac9"
+       id="stop3"
+       style="stop-color:#3d3846;stop-opacity:1;" />
+    <stop
+       offset="1"
+       stop-color="#4aaac9"
+       id="stop4"
+       style="stop-color:#3d3846;stop-opacity:1;" />
+  </linearGradient>
+  <linearGradient
+     id="b"
+     gradientUnits="userSpaceOnUse"
+     x1="31.462524"
+     x2="39"
+     y1="113.997253"
+     y2="113.997253">
+    <stop
+       offset="0"
+       stop-color="#4aaac9"
+       id="stop5"
+       style="stop-color:#3d3846;stop-opacity:1;" />
+    <stop
+       offset="0.469318"
+       stop-color="#74d7f7"
+       id="stop6"
+       style="stop-color:#5e5c64;stop-opacity:1;" />
+    <stop
+       offset="1"
+       stop-color="#4aaac9"
+       id="stop7"
+       style="stop-color:#3d3846;stop-opacity:1;" />
+  </linearGradient>
+  <linearGradient
+     id="c"
+     gradientUnits="userSpaceOnUse"
+     x1="104"
+     x2="120"
+     y1="84"
+     y2="84">
+    <stop
+       offset="0"
+       stop-color="#1a5fb4"
+       id="stop8"
+       style="stop-color:#3d3846;stop-opacity:1;" />
+    <stop
+       offset="0.5"
+       stop-color="#4296ff"
+       id="stop9"
+       style="stop-color:#5e5c64;stop-opacity:1;" />
+    <stop
+       offset="1"
+       stop-color="#1a5fb4"
+       id="stop10"
+       style="stop-color:#3d3846;stop-opacity:1;" />
+  </linearGradient>
+  <clipPath
+     id="d">
+    <path
+       d="m 8 24 h 97 v 84 h -97 z m 0 0"
+       id="path10" />
+  </clipPath>
+  <clipPath
+     id="e">
+    <path
+       d="m 24 24 h 80 c 8.835938 0 16 7.164062 16 16 v 52 c 0 8.835938 -7.164062 16 -16 16 h -80 c -8.835938 0 -16 -7.164062 -16 -16 v -52 c 0 -8.835938 7.164062 -16 16 -16 z m 0 0"
+       id="path11" />
+  </clipPath>
+  <linearGradient
+     id="f"
+     gradientUnits="userSpaceOnUse"
+     x1="55.608135"
+     x2="71.783539"
+     y1="100"
+     y2="48.532928">
+    <stop
+       offset="0"
+       stop-color="#81dffe"
+       id="stop11" />
+    <stop
+       offset="1"
+       stop-color="#9bf8fe"
+       id="stop12" />
+  </linearGradient>
+  <filter
+     id="g"
+     height="1"
+     width="1"
+     x="0"
+     y="0">
+    <feColorMatrix
+       in="SourceGraphic"
+       type="matrix"
+       values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"
+       id="feColorMatrix12" />
+  </filter>
+  <mask
+     id="h">
+    <g
+       filter="url(#g)"
+       id="g12">
+      <rect
+         fill-opacity="0.35"
+         height="128"
+         width="128"
+         id="rect12" />
+    </g>
+  </mask>
+  <clipPath
+     id="i">
+    <rect
+       height="152"
+       width="192"
+       id="rect13" />
+  </clipPath>
+  <path
+     d="m 24 28 h 72 c 8.835938 0 16 7.164062 16 16 v 52 c 0 8.835938 -7.164062 16 -16 16 h -72 c -8.835938 0 -16 -7.164062 -16 -16 v -52 c 0 -8.835938 7.164062 -16 16 -16 z m 0 0"
+     fill="url(#a)"
+     id="path13" />
+  <path
+     d="m 24 28 h 80 c 8.835938 0 16 7.164062 16 16 v 48 c 0 8.835938 -7.164062 16 -16 16 h -80 c -8.835938 0 -16 -7.164062 -16 -16 v -48 c 0 -8.835938 7.164062 -16 16 -16 z m 0 0"
+     fill="#53bde0"
+     id="path14" />
+  <path
+     d="m 24 100 v 12 h 4 c 2.210938 0 4 1.789062 4 4 v 7 c 0 1.992188 1.183594 3.792969 3.011719 4.585938 c 1.828125 0.789062 3.953125 0.417968 5.40625 -0.945313 l 13.523437 -12.707031 c 1.324219 -1.242188 3.070313 -1.933594 4.882813 -1.933594 h 9.175781 v -12 z m 0 0"
+     fill="url(#b)"
+     fill-rule="evenodd"
+     id="path15" />
+  <path
+     d="m 102 58.566406 h 2 c 8.835938 0 16 7.164063 16 16 v 21.433594 c 0 8.835938 -7.164062 16 -16 16 h -2 c -8.835938 0 -16 -7.164062 -16 -16 v -21.433594 c 0 -8.835937 7.164062 -16 16 -16 z m 0 0"
+     fill="url(#c)"
+     id="path16" />
+  <path
+     d="m 86 87 h 18 v 25 h -18 z m 0 0"
+     fill="#1a5fb4"
+     id="path17"
+     style="fill:#3d3846;fill-opacity:1" />
+  <path
+     d="m 48 24 h 56 c 8.835938 0 16 7.164062 16 16 v 52 c 0 8.835938 -7.164062 16 -16 16 h -56 c -8.835938 0 -16 -7.164062 -16 -16 v -52 c 0 -8.835938 7.164062 -16 16 -16 z m 0 0"
+     fill="#3584e4"
+     id="path18"
+     style="fill:#241f31;fill-opacity:1" />
+  <g
+     clip-path="url(#d)"
+     id="g20">
+    <g
+       clip-path="url(#e)"
+       id="g19"
+       style="fill:#241f31;fill-opacity:1">
+      <path
+         d="m 78.804688 16.023438 l 0.527343 2.460937 c -1.207031 -0.082031 -2.417969 4.964844 -3.621093 4.988281 c -19.335938 0.371094 -38.003907 14.230469 -39.148438 34.546875 c -0.835938 14.761719 9.570312 29.839844 25.15625 30.488281 c 10.371094 0.433594 20.96875 -6.957031 21.242188 -17.925781 c 0.179687 -7.078125 -4.953126 -14.3125 -12.488282 -14.355469 c -4.683594 -0.027343 -9.484375 3.425782 -9.398437 8.429688 c 0.074219 2.980469 2.300781 6.042969 5.511719 5.902344 c 1.8125 -0.082032 3.691406 -1.488282 3.539062 -3.453125 c -0.078125 -1.042969 -0.921875 -2.128907 -2.0625 -1.996094 c -0.5625 0.066406 -1.148438 0.539063 -1.046875 1.15625 c 0.070313 0.273437 0.285156 0.570313 0.597656 0.5 c 0.121094 -0.03125 0.25 -0.144531 0.214844 -0.28125 c 0 -0.042969 -0.070313 -0.09375 -0.113281 -0.074219 c 0 0.003906 -0.070313 0.023438 0 0.035156 v 0.007813 v -0.003906 v 0.035156 c 0 0.050781 -0.09375 0.050781 -0.136719 0.03125 c -0.121094 -0.066406 -0.113281 -0.242187 -0.070313 -0.347656 c 0.164063 -0.265625 0.542969 -0.230469 0.777344 -0.074219 c 0.519532 0.367188 0.429688 1.117188 0.070313 1.558594 c -0.710938 0.898437 -2.074219 0.726562 -2.867188 0.042968 c -1.5 -1.28125 -1.167969 -3.601562 0.070313 -4.941406 c 2.167968 -2.367187 5.929687 -1.792968 8.074218 0.28125 c 3.601563 3.476563 2.652344 9.308594 -0.675781 12.597656 c -5.359375 5.292969 -14.109375 3.800782 -18.992187 -1.324218 c -7.570313 -7.953125 -5.304688 -20.664063 2.335937 -27.6875 c 11.480469 -10.550782 29.507813 -7.242188 39.363281 3.785156 c 14.414063 16.121094 9.6875 41.066406 -5.855468 54.582031 c -11.121094 9.226563 -22.246094 15.429688 -32.949219 19.4375 c -13.058594 75.445313 -75.230469 6.835938 -81.039063 -4.195312 l 0.285157 -105.054688 z m 0 0"
+         fill="url(#f)"
+         id="path19"
+         style="fill:#241f31;fill-opacity:1" />
+    </g>
+  </g>
+  <path
+     d="m 24 106 v 2 h 4 c 2.210938 0 4 1.789062 4 4 v 7 c 0 1.992188 1.183594 3.792969 3.011719 4.585938 c 1.828125 0.789062 3.953125 0.417968 5.40625 -0.945313 l 13.523437 -12.707031 c 1.324219 -1.242188 3.070313 -1.933594 4.882813 -1.933594 h 9.175781 v -2 z m 0 0"
+     fill="#81dffe"
+     fill-rule="evenodd"
+     id="path20"
+     style="fill:#241f31;fill-opacity:1" />
+  <g
+     clip-path="url(#i)"
+     mask="url(#h)"
+     transform="matrix(1 0 0 1 -8 -16)"
+     id="g21">
+    <path
+       d="m 173 17 h 8 c 1.65625 0 3 1.34375 3 3 v 7 c 0 1.65625 -1.34375 3 -3 3 h -8 c -1.65625 0 -3 -1.34375 -3 -3 v -7 c 0 -1.65625 1.34375 -3 3 -3 z m 0 0"
+       fill="#241f31"
+       id="path21" />
+  </g>
+  <g
+     id="g22"
+     transform="translate(-0.3706831,1.7049284)">
+    <g
+       id="g14-3"
+       transform="translate(3.3706831,1.2086272)"
+       style="fill:#ffffff;fill-opacity:1">
+      <rect
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:14.6656;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         id="rect14-5"
+         width="36"
+         height="12"
+         x="47"
+         y="44.376148"
+         ry="2.4000001" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:16.9343;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         id="rect14-3-6"
+         width="12"
+         height="48"
+         x="59"
+         y="44.376148"
+         ry="2.4000001" />
+    </g>
+    <g
+       id="g14"
+       transform="translate(-0.62931691,-2.791373)"
+       style="fill:#f5a9b8;fill-opacity:1">
+      <rect
+         style="fill:#f5a9b8;fill-opacity:1;fill-rule:evenodd;stroke-width:14.6656;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         id="rect14"
+         width="36"
+         height="12"
+         x="47"
+         y="44.376148"
+         ry="2.4000001" />
+      <rect
+         style="fill:#f5a9b8;fill-opacity:1;fill-rule:evenodd;stroke-width:16.9343;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         id="rect14-3"
+         width="12"
+         height="48"
+         x="59"
+         y="44.376148"
+         ry="2.4000001" />
+    </g>
+    <g
+       id="g14-2"
+       transform="translate(-4.6293169,-6.7913726)"
+       style="fill:#5bcefa;fill-opacity:1">
+      <rect
+         style="fill:#5bcefa;fill-opacity:1;fill-rule:evenodd;stroke-width:14.6656;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         id="rect14-9"
+         width="36"
+         height="12"
+         x="47"
+         y="44.376148"
+         ry="2.4000001" />
+      <rect
+         style="fill:#5bcefa;fill-opacity:1;fill-rule:evenodd;stroke-width:16.9343;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         id="rect14-3-1"
+         width="12"
+         height="48"
+         x="59"
+         y="44.376148"
+         ry="2.4000001" />
+    </g>
+  </g>
+</svg>
diff --git a/index.html b/index.html
index 00342df..47fd4cf 100644
--- a/index.html
+++ b/index.html
@@ -81,7 +81,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://blog.techtransthai.org/">
           <div class="listaction">
-            <img src="icons/app.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="icons/blog.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>TechTransThai Blog 🌟</h3>
               <p>อัปเดตข่าวสารต่าง ๆ จากเรา</p>