mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-11 23:02:54 +01:00
53f0d6320e
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com> Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com> Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com> Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
27 lines
677 B
Markdown
27 lines
677 B
Markdown
---
|
|
title: How to add a Favicon?
|
|
hide_title: true
|
|
---
|
|
|
|
# How to add a Favicon?
|
|
|
|
A favicon is a small image displayed next to the page title in the browser tab.
|
|
|
|
:::tip
|
|
|
|
A favicon is a small image, so it should be a simple image with high contrast.
|
|
|
|
:::
|
|
|
|
Firstly add your favicon to the project folder,
|
|
for example `favicon.ico` in this example.
|
|
|
|
This can be done by either dragging the favicon into the project or opening the folder where the project is saved.
|
|
|
|
Next, add this to the **Head Code** in project settings:
|
|
```html
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
|
```
|
|
|
|
Your browser tab should now display your favicon image to the left of the page title.
|