{"id":18368,"date":"2026-09-29T21:06:32","date_gmt":"2026-09-29T18:06:32","guid":{"rendered":"https:\/\/www.hyyat.com\/knowledgebase\/add-favicon-wordpress\/"},"modified":"2026-09-29T21:06:32","modified_gmt":"2026-09-29T18:06:32","password":"","slug":"add-favicon-wordpress","status":"publish","type":"docs","link":"https:\/\/www.hyyat.com\/en\/knowledgebase\/add-favicon-wordpress\/","title":{"rendered":"How to Add a Favicon (Site Icon) to Your WordPress Site"},"content":{"rendered":"
In short:<\/strong> A favicon is the small image next to your site name in the browser tab. Prepare a square image of at least 512\u00d7512 pixels, then in WordPress go to Appearance, then Customize, then Site Identity, then Site Icon, upload the image and publish.<\/div>\n

What is a favicon?<\/h2>\n

A favicon (favorite icon) is the small image you see in browser tabs next to a site’s title, in history and bookmarks, and on mobile home screens. It helps your site stand out among many open tabs and strengthens your brand.<\/p>\n

\"Favicon<\/p>\n

How to create a favicon<\/h2>\n

We recommend a design program such as Adobe Photoshop, or a free alternative such as GIMP. The steps are similar:<\/p>\n

\"Favicon<\/p>\n

    \n
  1. Create a new square image of 512\u00d7512 pixels<\/strong>.<\/li>\n
  2. Design your icon; keep it simple so it is readable at small sizes.<\/li>\n
  3. Save it as PNG. WordPress creates the smaller sizes automatically. (If you need an .ico file for another platform, export a 16\u00d716 or 32\u00d732 version in ICO format.)<\/li>\n<\/ol>\n

    Add the favicon to WordPress<\/h2>\n

    1.<\/strong> Log in to your WordPress dashboard (yourdomain.com\/wp-admin).<\/p>\n

    \"WordPress<\/p>\n

    2.<\/strong> Go to Appearance<\/strong>, then Customize<\/strong>, and open Site Identity<\/strong>.<\/p>\n

    \"Appearance,<\/p>\n

    \"Site<\/p>\n

    3.<\/strong> Under Site Icon<\/strong>, upload your image, crop it if needed and click Publish<\/strong>.<\/p>\n

    \"Upload<\/p>\n

    With some block themes, you set the site icon from Settings, then General. If the new icon does not appear, clear your browser cache.<\/p>\n

    Related service:<\/strong> Hyyat Host WordPress hosting<\/a> from $1.93\/month with free SSL and free migration.<\/p>\n","protected":false},"excerpt":{"rendered":"

    In short: A favicon is the small image next to your site name in the browser tab. Prepare a square image of at least 512\u00d7512 pixels, then in WordPress go to Appearance, then Customize, then Site Identity, then Site Icon, upload the image and publish. What is a favicon? A favicon (favorite icon) is the […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"doc_category":[2747],"doc_tag":[],"class_list":["post-18368","docs","type-docs","status-publish","hentry","doc_category-wordpress-explanations"],"year_month":"2026-10","word_count":233,"total_views":"4","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"ahmed fathy","author_nicename":"ahmed-fathy","author_url":"https:\/\/www.hyyat.com\/en\/author\/ahmed-fathy\/"},"doc_category_info":[{"term_name":"WordPress explanations","term_url":"https:\/\/www.hyyat.com\/en\/kb\/wordpress-explanations\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/docs\/18368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/comments?post=18368"}],"version-history":[{"count":0,"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/docs\/18368\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/media?parent=18368"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/doc_category?post=18368"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/doc_tag?post=18368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}