Custom Favicon by Page

Set a different custom favicon on each page of the Webflow project.

Get Started

335,864

loads per month

Copy the Solution <script> and paste into the <head> of your page

Scroll horizontally to see documentation

Step #2

Implement in Webflow

Apply attributes to elements on the page

Below is a list of elements and options that are used to create this Attributes functionality. Click any of them to see more details.

FAVICON ICON

I want this

Image

as the favicon of the page

See how it works

Add this attribute

Description

Name

fs-favcustom-element

Value

src

Check live example here

When set to an Image element, the source of that image will be set as the page's favicon.

Working examples

See this solution working live in this Webflow project.

Example 1

Custom fav icon

Copy and paste this example directly on Webflow

Copy this example

Frequently Asked Questions

Everything you need to know about this attributes solution.

No FAQ items found yet. Join Finsweet Community on Slack if you have any question related to this solution.

Adopt the NEW Finsweet Attributes!

This version of Attributes — named Attributes Legacy — is now outdated ¹. For new developments, we highly recommend transitioning to the latest Finsweet Attributes to benefit from enhanced features and support.²

¹ Attributes Legacy will remain operational for existing projects, but please note that we have ceased offering support for this version.
² The new version of Finsweet Attributes and Attributes Legacy are incompatible, they can't be used on the same page.

How to add an attribute: