<p>This article explains how to add a favicon to your website using Website Builder.&nbsp;</p>

<p>A favicon is the small icon displayed on browser tabs, helping visitors quickly recognise your website and strengthen your brand identity.&nbsp;</p>

<ol>
	<li>In you <a href="/help/article/the-website-builder-user-interface">Website Builder Editor</a>, click on the <strong>Settings</strong> (gear) icon.&nbsp;</li>
	<li>On the <strong>SETTINGS</strong> panel, click on <strong>General</strong>.&nbsp;</li>
	<li>In the <strong>FAVICON FOR BROWSER</strong> section, click on <strong>UPLOAD IMAGE</strong>.&nbsp;</li>
	<li>Select the image (favicon) from your computer, then click <strong>OPEN</strong>.&nbsp;</li>
	<li>Click <strong>PUBLISH</strong> to make the changes live.&nbsp;</li>
</ol>

<div><svg style="display: none;" xmlns="http://www.w3.org/2000/svg"><symbol fill="currentColor" id="info-fill" viewbox="0 0 16 16"> <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"></path> </symbol></svg>

<div class="alert alert-primary d-flex align-items-top border-0 mt-3" role="alert"><svg aria-label="Info:" class="bi flex-shrink-0 me-2" height="20" role="img" width="20"><use xlink:href="#info-fill"></use></svg>

<div><span style="font-size:14px;"><strong>NOTE.</strong> When creating your favicon, it is recommended to use an <strong>ico file format</strong> to support all browsers and use the recommended size of <strong>16 x 16 px</strong>.</span></div>
</div>
</div>

<p>&nbsp;</p>

<p>&nbsp;</p>

VD Website Builder | Adding a Favicon