diff --git a/learn/how-tos/changing-default-favicon.md b/learn/how-tos/changing-default-favicon.md
index 453621051..fdd3f6641 100644
--- a/learn/how-tos/changing-default-favicon.md
+++ b/learn/how-tos/changing-default-favicon.md
@@ -20,9 +20,9 @@ Make sure to use the same file name as before in the same file location.
 
 ![design_logo_resource](/learn/assets/import-resources.png)
 
-2. Navigate to **Images** -> **logos** directory -> `favicon.ico`. Alternatively, use the Search.
+2. Navigate to **project** → **src** → **main** → **webapp** → `favicon.png`. Alternatively, use Search.
 
-[![design_favicon_resource](/learn/assets/design_favicon_resource.png)](/learn/assets/design_favicon_resource.png)
+![design_favicon_resource](/learn/assets/favicon-location.png)
 
 3. Delete this file and upload a new icon in the **same location with the same name**.
 
diff --git a/website/static/learn/assets/favicon-location.png b/website/static/learn/assets/favicon-location.png
new file mode 100644
index 000000000..46c29fd28
Binary files /dev/null and b/website/static/learn/assets/favicon-location.png differ