diff --git a/src/Assets/android-chrome-192x192.png b/src/Assets/android-chrome-192x192.png
new file mode 100644
index 0000000..ee2c3fa
Binary files /dev/null and b/src/Assets/android-chrome-192x192.png differ
diff --git a/src/Assets/android-chrome-512x512.png b/src/Assets/android-chrome-512x512.png
new file mode 100644
index 0000000..2549f02
Binary files /dev/null and b/src/Assets/android-chrome-512x512.png differ
diff --git a/src/Assets/apple-touch-icon.png b/src/Assets/apple-touch-icon.png
new file mode 100644
index 0000000..4a07ce4
Binary files /dev/null and b/src/Assets/apple-touch-icon.png differ
diff --git a/src/Assets/favicon-16x16.png b/src/Assets/favicon-16x16.png
new file mode 100644
index 0000000..373f935
Binary files /dev/null and b/src/Assets/favicon-16x16.png differ
diff --git a/src/Assets/favicon-32x32.png b/src/Assets/favicon-32x32.png
new file mode 100644
index 0000000..5842ad2
Binary files /dev/null and b/src/Assets/favicon-32x32.png differ
diff --git a/src/Assets/favicon.ico b/src/Assets/favicon.ico
new file mode 100644
index 0000000..883bd53
Binary files /dev/null and b/src/Assets/favicon.ico differ
diff --git a/src/Assets/safari-pinned-tab.svg b/src/Assets/safari-pinned-tab.svg
new file mode 100644
index 0000000..73eb35f
--- /dev/null
+++ b/src/Assets/safari-pinned-tab.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="2000.000000pt" height="2000.000000pt" viewBox="0 0 2000.000000 2000.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,2000.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M341 10000 l0 -6350 1667 0 1668 0 3 1083 c1 595 4 1944 6 2997 2
+1053 4 1917 4 1920 1 3 533 -529 1184 -1182 650 -652 1996 -2004 2992 -3002
+l1809 -1816 3266 3 c1796 2 3285 6 3310 10 25 4 83 11 130 17 115 15 185 27
+260 45 3 1 25 5 50 9 25 4 94 21 154 38 567 152 1088 433 1519 818 576 514
+990 1189 1178 1923 17 65 33 130 35 145 3 15 7 34 9 42 2 8 7 31 10 50 3 19
+10 60 15 90 32 185 45 351 44 585 0 165 -10 370 -18 384 -2 3 -7 33 -11 66 -9
+89 -47 287 -70 365 -2 8 -11 42 -19 75 -20 81 -102 317 -126 366 -11 21 -20
+43 -20 50 0 19 -164 347 -222 443 -29 48 -62 103 -73 122 -51 85 -302 425
+-335 454 -3 3 -30 34 -60 70 -68 80 -297 311 -404 407 l-79 71 45 58 c225 296
+471 775 600 1169 85 258 146 531 163 725 4 36 8 85 11 110 9 90 3 385 -10 515
+-4 33 -9 85 -12 115 -3 30 -7 67 -10 83 -2 15 -6 42 -9 60 -71 443 -220 867
+-435 1243 -56 98 -205 329 -234 361 -19 21 -31 37 -56 73 -81 118 -389 443
+-540 570 -35 30 -77 66 -93 80 -15 13 -72 57 -125 97 -53 40 -101 76 -107 81
+-5 4 -57 38 -115 76 -58 38 -117 77 -132 87 -15 11 -30 19 -34 19 -3 0 -18 8
+-32 19 -38 26 -123 72 -259 140 -314 157 -627 265 -954 331 -199 39 -106 38
+-4224 39 l-3951 1 2 -517 c7 -2170 16 -4533 17 -4960 2 -447 1 -510 -12 -500
+-8 7 -322 318 -698 692 -376 374 -944 939 -1263 1255 -318 316 -1137 1131
+-1820 1810 -683 679 -1465 1457 -1738 1728 l-497 492 -677 0 -677 0 0 -6350z
+m14188 3589 c127 -1 248 -7 280 -14 231 -50 422 -154 591 -324 220 -220 322
+-459 314 -737 -3 -104 -5 -127 -24 -221 -85 -433 -406 -784 -805 -879 -105
+-25 -150 -27 -760 -24 -352 1 -746 3 -875 4 l-235 2 -3 1101 -2 1100 647 -2
+c357 -2 749 -4 872 -6z m896 -5003 c190 -42 344 -118 493 -244 81 -68 78 -65
+133 -128 95 -110 135 -171 190 -291 120 -260 124 -560 9 -848 -26 -65 -37 -88
+-82 -166 -56 -98 -207 -263 -298 -326 -139 -95 -284 -151 -460 -179 -25 -3
+-574 -7 -1220 -9 l-1176 -2 -2 1094 c-1 602 0 1098 2 1102 6 9 2370 6 2411 -3z"/>
+</g>
+</svg>
diff --git a/src/Assets/site.webmanifest b/src/Assets/site.webmanifest
new file mode 100644
index 0000000..8d243e0
--- /dev/null
+++ b/src/Assets/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "nicco.io",
+    "short_name": "nicco.io",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#16b4e9",
+    "background_color": "#16b4e9",
+    "display": "standalone"
+}
diff --git a/src/index.html b/src/index.html
index 7ccc3ab..dbdd65c 100755
--- a/src/index.html
+++ b/src/index.html
@@ -5,6 +5,15 @@
     <title>Niccolò Borgioli 👋</title>
     <meta charset="utf-8">
     <meta content="width=device-width, initial-scale=1" name="viewport">
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#16b4e9">
+    <meta name="apple-mobile-web-app-title" content="nicco.io">
+    <meta name="application-name" content="nicco.io">
+    <meta name="theme-color" content="#16b4e9">
 </head>
 
 <body>
diff --git a/src/index.tsx b/src/index.tsx
index 834172c..8e2872a 100755
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,7 +1,17 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import App from './App'
 
+import App from './App'
 import './index.styl'
 
+// Favicons
+import './Assets/favicon.ico'
+import './Assets/favicon-16x16.png'
+import './Assets/favicon-32x32.png'
+import './Assets/apple-touch-icon.png'
+import './Assets/site.webmanifest'
+import './Assets/android-chrome-192x192.png'
+import './Assets/android-chrome-512x512.png'
+import './Assets/safari-pinned-tab.svg'
+
 ReactDOM.render(<App/>, document.getElementById('root'))
\ No newline at end of file
diff --git a/webpack.config.js b/webpack.config.js
index 1d822ae..94ba215 100755
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -52,12 +52,12 @@ module.exports = {
             test: /\.styl$/,
             use: [MiniCssExtractPlugin.loader, 'css-loader', 'stylus-loader'],
         }, {
-            test: /\.(jpg|png|gif|svg|woff2?|ttf|eot|svg|otf)$/,
+            test: /\.(jpg|png|gif|svg|woff2?|ttf|eot|svg|otf|ico|webmanifest)$/,
             use: [{
                 loader: 'file-loader',
                 options: {
                     name: '[name].[ext]',
-                    outputPath: './assets/',
+                    outputPath: './',
                 },
             }],
         }]