How to add your favicon

Got your favicon package? Pick your platform – every guide has at most three steps and ready-to-copy code.

• HTMLAdd a favicon to any website: upload the files to the root, paste five lines into the head, done. With current best-practice code.
• WordPressSet up your WordPress favicon: quickly via the site icon or with the complete package via a child theme. Both ways step by step.
• TYPO3Set up your TYPO3 favicon: put the files into fileadmin and include them via TypoScript page.headerData. Ready-made code for the complete package.
• ShopifySet up your Shopify favicon via the theme settings and add the Apple touch icon in theme.liquid. Step by step.
• Wix / Squarespace / JimdoHow to change the favicon in website builders like Wix, Squarespace and Jimdo – and what doesn't work there.
• Next.js / React / VueSet up your favicon in Next.js (App Router), React and Vue: the right file names, app/ vs. public/ and the matching code.
• Joomla / DrupalSet up your favicon in Joomla and Drupal: via template or theme settings and with the complete favicon package in the head.