{"id":10846004,"date":"2018-11-04T09:50:08","date_gmt":"2018-11-04T09:50:08","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=10846004"},"modified":"2025-04-25T10:09:45","modified_gmt":"2025-04-25T10:09:45","slug":"create-a-favicon","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/create-a-favicon\/","title":{"rendered":"Create a Favicon"},"content":{"rendered":"\n

A favicon<\/em> (short for “favorite icon”) is an icon associated with a particular website or web page. It is generally intended to be used when you bookmark a web page. Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually. Favicons are also used as application icons on mobile devices. <\/p>\n\n\n\n

WordPress Version 6.5 or later<\/h2>\n\n\n\n

WordPress Version 6.5<\/a> moved the site icon to General Settings<\/strong>.<\/p>\n\n\n\n

Follow the steps below to set Site Icon<\/strong> from General settings.<\/p>\n\n\n\n

    \n
  1. Prepare the image file and upload to media library. (It must be square, having a height and width of at least 512 px. and a .png is the recommended format)<\/li>\n\n\n\n
  2. Navigate to\u00a0General Settings<\/a><\/li>\n\n\n\n
  3. Click Choose a Site icon.<\/li>\n\n\n\n
  4. Select image file that you prepared in the previous step.<\/li>\n<\/ol>\n\n\n\n
    \"screenshot<\/figure>\n\n\n\n

    WordPress Version 4.3 to 6.4<\/h2>\n\n\n\n

    WordPress Version 4.3<\/a> implemented a Site Icon feature that enables favicons on your web site.<\/p>\n\n\n\n

    When you use the Site Icon feature, you don’t need to prepare the favicon.ico<\/code> file by yourself, or modify your template file. All you have to do is navigate to the Customize screen and specify a square image that has a height and width of at least 512 px.<\/p>\n\n\n\n

    Later paragraphs in this article contain instructions for manually setting up your own favicon. However, it is highly recommended that you use the Site Icon feature (a feature that is built-in to WordPress) instead.<\/p>\n\n\n\n

    Follow the steps below to use Site Icon to set up a favicon for your site.<\/p>\n\n\n\n

      \n
    1. Prepare the image file. (It must be square, having a height and width of at least 512 px.)<\/li>\n\n\n\n
    2. Navigate to Administration Screen<\/a> > Appearance > Customize<\/li>\n\n\n\n
    3. Click Site Identity<\/strong><\/li>\n\n\n\n
    4. Click Select Image<\/strong> (located under the Site Icon<\/strong> subheading).<\/li>\n\n\n\n
    5. Click on the Upload Files<\/strong> tab, then click Select Files<\/strong> to upload the image file that you prepared in the previous step.<\/li>\n<\/ol>\n\n\n\n
      \"customizer-siteicon\"<\/a><\/figure>\n\n\n\n
      Changelog<\/strong>
      April 25, 2025<\/strong> – Added the update for 6.5 and removed outdated sections:
      – Creating a Favicon
      – Installing a Favicon in WordPress
      – How to create a favicon with a transparent background
      – Advantages of using .ico over .png or .gif


      <\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

      <\/p>\n","protected":false},"excerpt":{"rendered":"

      A favicon (short for “favorite icon”) is an icon associated with a particular website or web page. It is generally intended to be used when you bookmark a web page. Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually. Favicons are also used as application icons […]<\/p>\n","protected":false},"author":634001,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[81,80],"class_list":["post-10846004","helphub_article","type-helphub_article","status-publish","hentry","category-appearance","category-customization"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/10846004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/users\/634001"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=10846004"}],"version-history":[{"count":4,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/10846004\/revisions"}],"predecessor-version":[{"id":16365635,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/10846004\/revisions\/16365635"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=10846004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=10846004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}