{"id":23004,"date":"2025-11-12T08:14:06","date_gmt":"2025-11-12T08:14:06","guid":{"rendered":"https:\/\/ourdemy.dev\/?p=23004"},"modified":"2025-11-20T10:08:22","modified_gmt":"2025-11-20T10:08:22","slug":"how-do-i-add-a-favicon-to-my-site","status":"publish","type":"post","link":"https:\/\/ourdemy.com\/en\/how-do-i-add-a-favicon-to-my-site\/","title":{"rendered":"How do I add a favicon to my site?"},"content":{"rendered":"\n<div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      1\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">From the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Admin Dashboard<\/span>, click <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Settings<\/span> to open the settings menu.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1299\" height=\"937\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289.png\" class=\"wp-image-25038\" alt=\"Screenshot for step 1\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289.png 1299w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289-300x216.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289-1024x739.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289-768x554.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289-18x12.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289-710x512.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289-600x433.png 600w\" sizes=\"auto, (max-width: 1299px) 100vw, 1299px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      2\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">In the settings menu, Click <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Appearance<\/span> to start setting up the favicon.\nA favicon helps identify your website\u2019s brand quickly and professionally. It appears on browser tabs, bookmarks, and browsing history, making it easier for users to recognize and remember your site.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"5196\" height=\"3748\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dcf3cdcc68ca0bc-1763633291.png\" class=\"wp-image-25039\" alt=\"Screenshot for step 2\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dcf3cdcc68ca0bc-1763633291.png 5196w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dcf3cdcc68ca0bc-1763633291-300x216.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dcf3cdcc68ca0bc-1763633291-1024x739.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dcf3cdcc68ca0bc-1763633291-768x554.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dcf3cdcc68ca0bc-1763633291-1536x1108.png 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dcf3cdcc68ca0bc-1763633291-2048x1477.png 2048w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dcf3cdcc68ca0bc-1763633291-18x12.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dcf3cdcc68ca0bc-1763633291-710x512.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dcf3cdcc68ca0bc-1763633291-600x433.png 600w\" sizes=\"auto, (max-width: 5196px) 100vw, 5196px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      3\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Click any point within the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Upload Favicon<\/span> box to upload an image.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1299\" height=\"937\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-6b91206afdfe3d2d-1763633298.png\" class=\"wp-image-25040\" alt=\"Screenshot for step 3\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-6b91206afdfe3d2d-1763633298.png 1299w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-6b91206afdfe3d2d-1763633298-300x216.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-6b91206afdfe3d2d-1763633298-1024x739.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-6b91206afdfe3d2d-1763633298-768x554.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-6b91206afdfe3d2d-1763633298-18x12.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-6b91206afdfe3d2d-1763633298-710x512.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-6b91206afdfe3d2d-1763633298-600x433.png 600w\" sizes=\"auto, (max-width: 1299px) 100vw, 1299px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      4\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">The system will access to your device. Here, you can select an appropriate image or icon from your device to use as the favicon for your academy.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1872\" height=\"434\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3708d99a8d87771e-1763633299.png\" class=\"wp-image-25041\" alt=\"Screenshot for step 4\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3708d99a8d87771e-1763633299.png 1872w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3708d99a8d87771e-1763633299-300x70.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3708d99a8d87771e-1763633299-1024x237.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3708d99a8d87771e-1763633299-768x178.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3708d99a8d87771e-1763633299-1536x356.png 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3708d99a8d87771e-1763633299-18x4.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3708d99a8d87771e-1763633299-710x165.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-3708d99a8d87771e-1763633299-600x139.png 600w\" sizes=\"auto, (max-width: 1872px) 100vw, 1872px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      5\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">You can also drag and drop the image you want to use as a favicon directly from your device into the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Upload Favicon<\/span> box to upload it.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      6\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Click <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Save Changes<\/span> to set up favicon for your site.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1299\" height=\"937\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-70ee10975366438c-1763633300.png\" class=\"wp-image-25042\" alt=\"Screenshot for step 6\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-70ee10975366438c-1763633300.png 1299w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-70ee10975366438c-1763633300-300x216.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-70ee10975366438c-1763633300-1024x739.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-70ee10975366438c-1763633300-768x554.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-70ee10975366438c-1763633300-18x12.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-70ee10975366438c-1763633300-710x512.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-70ee10975366438c-1763633300-600x433.png 600w\" sizes=\"auto, (max-width: 1299px) 100vw, 1299px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      7\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">After a successful upload, the screen will display the favicon image for you to review. If you\u2019re not satisfied, simply click <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Update Favicon<\/span> to upload a new file and replace it.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1862\" height=\"366\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-fcb266c0ae0f100a-1763633301.png\" class=\"wp-image-25043\" alt=\"Screenshot for step 7\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-fcb266c0ae0f100a-1763633301.png 1862w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-fcb266c0ae0f100a-1763633301-300x59.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-fcb266c0ae0f100a-1763633301-1024x201.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-fcb266c0ae0f100a-1763633301-768x151.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-fcb266c0ae0f100a-1763633301-1536x302.png 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-fcb266c0ae0f100a-1763633301-18x4.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-fcb266c0ae0f100a-1763633301-710x140.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-fcb266c0ae0f100a-1763633301-600x118.png 600w\" sizes=\"auto, (max-width: 1862px) 100vw, 1862px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>1 From the Admin Dashboard, click Settings to open the settings menu. 2 In the settings menu, Click Appearance to start setting up the favicon. A favicon helps identify your website\u2019s brand quickly and professionally. It appears on browser tabs, bookmarks, and browsing history, making it easier for users to recognize and remember your site. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35,34],"tags":[],"class_list":["post-23004","post","type-post","status-publish","format-standard","hentry","category-getting-started","category-help-center"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How do I add a favicon to my site? - Ourdemy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ourdemy.com\/en\/how-do-i-add-a-favicon-to-my-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How do I add a favicon to my site? - Ourdemy\" \/>\n<meta property=\"og:description\" content=\"1 From the Admin Dashboard, click Settings to open the settings menu. 2 In the settings menu, Click Appearance to start setting up the favicon. A favicon helps identify your website\u2019s brand quickly and professionally. It appears on browser tabs, bookmarks, and browsing history, making it easier for users to recognize and remember your site. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ourdemy.com\/en\/how-do-i-add-a-favicon-to-my-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Ourdemy\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-12T08:14:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-20T10:08:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1299\" \/>\n\t<meta property=\"og:image:height\" content=\"937\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/person\\\/e7a7e53bb8a94cce8f134c3718702e42\"},\"headline\":\"How do I add a favicon to my site?\",\"datePublished\":\"2025-11-12T08:14:06+00:00\",\"dateModified\":\"2025-11-20T10:08:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/\"},\"wordCount\":171,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-5a6049bf6992ba40-1763633289.png\",\"articleSection\":[\"Getting Started\",\"Help Center\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/\",\"name\":\"How do I add a favicon to my site? - Ourdemy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-5a6049bf6992ba40-1763633289.png\",\"datePublished\":\"2025-11-12T08:14:06+00:00\",\"dateModified\":\"2025-11-20T10:08:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-5a6049bf6992ba40-1763633289.png\",\"contentUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-5a6049bf6992ba40-1763633289.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-add-a-favicon-to-my-site\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ourdemy.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How do I add a favicon to my site?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#website\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/\",\"name\":\"Ourdemy\",\"description\":\"Make your own online academy\",\"publisher\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ourdemy.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\",\"name\":\"Ourdemy\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/ouracademy-02.svg\",\"contentUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/ouracademy-02.svg\",\"width\":3163,\"height\":884,\"caption\":\"Ourdemy\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/person\\\/e7a7e53bb8a94cce8f134c3718702e42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\\\/\\\/ourdemy.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How do I add a favicon to my site? - Ourdemy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ourdemy.com\/en\/how-do-i-add-a-favicon-to-my-site\/","og_locale":"en_US","og_type":"article","og_title":"How do I add a favicon to my site? - Ourdemy","og_description":"1 From the Admin Dashboard, click Settings to open the settings menu. 2 In the settings menu, Click Appearance to start setting up the favicon. A favicon helps identify your website\u2019s brand quickly and professionally. It appears on browser tabs, bookmarks, and browsing history, making it easier for users to recognize and remember your site. [&hellip;]","og_url":"https:\/\/ourdemy.com\/en\/how-do-i-add-a-favicon-to-my-site\/","og_site_name":"Ourdemy","article_published_time":"2025-11-12T08:14:06+00:00","article_modified_time":"2025-11-20T10:08:22+00:00","og_image":[{"width":1299,"height":937,"url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/#article","isPartOf":{"@id":"https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/"},"author":{"name":"admin","@id":"https:\/\/ourdemy.com\/#\/schema\/person\/e7a7e53bb8a94cce8f134c3718702e42"},"headline":"How do I add a favicon to my site?","datePublished":"2025-11-12T08:14:06+00:00","dateModified":"2025-11-20T10:08:22+00:00","mainEntityOfPage":{"@id":"https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/"},"wordCount":171,"commentCount":0,"publisher":{"@id":"https:\/\/ourdemy.com\/#organization"},"image":{"@id":"https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/#primaryimage"},"thumbnailUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289.png","articleSection":["Getting Started","Help Center"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/","url":"https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/","name":"How do I add a favicon to my site? - Ourdemy","isPartOf":{"@id":"https:\/\/ourdemy.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/#primaryimage"},"image":{"@id":"https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/#primaryimage"},"thumbnailUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289.png","datePublished":"2025-11-12T08:14:06+00:00","dateModified":"2025-11-20T10:08:22+00:00","breadcrumb":{"@id":"https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/#primaryimage","url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289.png","contentUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-5a6049bf6992ba40-1763633289.png"},{"@type":"BreadcrumbList","@id":"https:\/\/ourdemy.com\/how-do-i-add-a-favicon-to-my-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ourdemy.com\/"},{"@type":"ListItem","position":2,"name":"How do I add a favicon to my site?"}]},{"@type":"WebSite","@id":"https:\/\/ourdemy.com\/#website","url":"https:\/\/ourdemy.com\/","name":"Ourdemy","description":"Make your own online academy","publisher":{"@id":"https:\/\/ourdemy.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ourdemy.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ourdemy.com\/#organization","name":"Ourdemy","url":"https:\/\/ourdemy.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ourdemy.com\/#\/schema\/logo\/image\/","url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2023\/09\/ouracademy-02.svg","contentUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2023\/09\/ouracademy-02.svg","width":3163,"height":884,"caption":"Ourdemy"},"image":{"@id":"https:\/\/ourdemy.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/ourdemy.com\/#\/schema\/person\/e7a7e53bb8a94cce8f134c3718702e42","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/ourdemy.com"]}]}},"_links":{"self":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/comments?post=23004"}],"version-history":[{"count":6,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23004\/revisions"}],"predecessor-version":[{"id":25044,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23004\/revisions\/25044"}],"wp:attachment":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/media?parent=23004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/categories?post=23004"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/tags?post=23004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}