A Favicon is an icon which is displayed on the&nbsp;browser tab. Let's see how you can add it to your website. In order to add a favicon to your website, select in the Settings panel&nbsp;"Website" section. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_favicon.1715158717935.jpg?alt=media" alt="" width="inherit" height="inherit"> &nbsp;Keep in mind that a favicon is squared and if&nbsp;you add a rectangular graphics, it will get&nbsp;deformed.<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">It's good to know, that icons with transparent background are good-looking and the best for a Favicon. You can set transparent background, saving the favicon as .png file.</li><li value="2" class="PlaygroundEditorTheme__listItem">The SiteDu.de builder automatically generates icons in proper sizes.</li></ul>

Learn what a Favicon is and how you can add it to your website

A Favicon is an icon which is displayed on the browser tab. Let's see how you can add it to your website. In order to add a favicon to your website, select in the Settings panel "Website" section.

![](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_favicon.1715158717935.jpg?alt=media)

Keep in mind that a favicon is squared and if you add a rectangular graphics, it will get deformed.

* It's good to know, that icons with transparent background are good-looking and the best for a Favicon. You can set transparent background, saving the favicon as .png file.
* The SiteDu.de builder automatically generates icons in proper sizes.

<a href="https://help.webwave.me/configuration-of-your-mailbox-in-gmail" class="PlaygroundEditorTheme__link"></a><a href="https://help.webwave.me/configuration-of-your-mailbox-in-macos--ios" class="PlaygroundEditorTheme__link"></a><a href="https://help.webwave.me/configuration-of-your-mailbox-in-outlook" class="PlaygroundEditorTheme__link"></a><a href="https://help.webwave.me/configuration-of-your-mailbox-in-thunderbird" class="PlaygroundEditorTheme__link"></a><a href="https://help.webwave.me/create-a-mailbox" class="PlaygroundEditorTheme__link"></a><a href="https://help.webwave.me/e-mail-in-webwave" class="PlaygroundEditorTheme__link"></a><a href="https://help.webwave.me/how-to-change-the-mailbox-capacity" class="PlaygroundEditorTheme__link"></a><a href="https://help.webwave.me/import-and-export-e-mails" class="PlaygroundEditorTheme__link"></a><a href="https://help.webwave.me/reset-mailbox-password" class="PlaygroundEditorTheme__link"></a><a href="https://help.webwave.me/server-details-needed-to-configure-your-email-client" class="PlaygroundEditorTheme__link"></a><a href="https://help.webwave.me/sign-in-to-your-mailbox" class="PlaygroundEditorTheme__link"></a>A Favicon is an icon which is displayed on the&nbsp;browser tab. Let's see how you can add it to your website. In order to add a favicon to your website, select in the Settings panel&nbsp;"Website" section. <img src="https://help.webwave.me/lib/dkwr2z/Screenshot_26-l9oh3e4e.png" alt="" width="inherit" height="inherit">&nbsp;<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Keep in mind that a favicon is squared and if&nbsp;you add a rectangular graphics, it will get&nbsp;deformed.</li><li value="2" class="PlaygroundEditorTheme__listItem">It's good to know, that icons with transparent background are good-looking and the best for a Favicon. You can set transparent background, saving the favicon as .png file.</li><li value="3" class="PlaygroundEditorTheme__listItem">The SiteDu.de builder automatically generates icons in proper sizes.</li></ul>

Add a website icon (Favicon)

A Favicon is an icon which is displayed on the&nbsp;browser tab. Let's see how you can add it to your website. In order to add a favicon to your website, select in the Settings panel&nbsp;"Website" section. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_favicon.1715158717935.jpg?alt=media" alt="" width="inherit" height="inherit"> &nbsp;Keep in mind that a favicon is squared and if&nbsp;you add a rectangular graphics, it will get&nbsp;deformed.<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">It's good to know, that icons with transparent background are good-looking and the best for a Favicon. You can set transparent background, saving the favicon as .png file.</li><li value="2" class="PlaygroundEditorTheme__listItem">The SiteDu.de builder automatically generates icons in proper sizes.</li></ul>

A Favicon is an icon which is displayed on the&nbsp;browser tab. Let's see how you can add it to your website. In order to add a favicon to your website, select in the Settings panel&nbsp;"Website" section. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_favicon.1715158717935.jpg?alt=media" alt="" width="inherit" height="inherit"> &nbsp;Keep in mind that a favicon is squared and if&nbsp;you add a rectangular graphics, it will get&nbsp;deformed.<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">It's good to know, that icons with transparent background are good-looking and the best for a Favicon. You can set transparent background, saving the favicon as .png file.</li><li value="2" class="PlaygroundEditorTheme__listItem">The SiteDu.de builder automatically generates icons in proper sizes.</li></ul>

Got a builder package? Learn how to use it and how to edit your content

Was this article helpful?