{"id":29534,"date":"2022-02-13T21:53:05","date_gmt":"2022-02-14T04:53:05","guid":{"rendered":"https:\/\/ericasneubauer.com\/?p=29534"},"modified":"2022-03-02T23:22:55","modified_gmt":"2022-03-03T06:22:55","slug":"wondering-what-the-icon-in-the-address-bar-called","status":"publish","type":"post","link":"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/","title":{"rendered":"Wondering what the icon in the address bar called?"},"content":{"rendered":"\n

A favicon<\/strong> is your website’s icon that shows up in the browser- it sits to the right of your page title in Chrome, Firefox, etc. Originally a blend of the words favorite and icon, most people commonly refer to it simply as your “site icon” or “browser icon”. If your site doesn’t designate an icon, a default one will display (for instance, in Chrome, its a globe icon).<\/p>\nWhy is it a good idea to have one?<\/strong>
\nIts a fun little extension to your branding, it shows that you go the extra mile, and that you are web-savvy.\nWhat happens if I don’t have one?
\n<\/strong>Your browser will use a default one, or if you’re using Squarespace or Shopify, they provide a default one. Pro tip: this instantly signals that the site isn’t professionally done, or that someone overlooked that detail. I’m always amazed at how many big brands I see still have the generic “square” that tells the whole world, this is a Squarespace site!\nWhat makes a good favicon?<\/strong>
\nThe favicon is tiny (like 16 pixels high), so don’t just squeeze down your logo, because no one will have any idea what it is. Instead, use part of your logo, your initials, or your logo symbol. I like to make my client’s favicon in a circle, but it can be any shape you want.\nHow do I add it?<\/strong>
\nIn Wordpress, its super easy to add- go to Appearance >Customize > Site Identity and upload your file (jpeg or png etc) (or your theme may have a specific spot for it).
\nIn Shopify, go to Themes > Customize > Theme Settings > Favicon
\nIn Squarespace, go to the Home menu > Design > Browser Icon (v7.1) or Logo\/Title (v7.0)\nDon’t have a favicon yet? I’d love to help you with new (or expanded) branding- all my branding packages include a site icon. Check out my branding services<\/a> or send me a message<\/a>.
\n\u2800\u2800\u2800\u2800\u2800\u2800\u2800\n","protected":false},"excerpt":{"rendered":"

A favicon is your website’s icon that shows up in the browser- it sits to the right of your page title in Chrome, Firefox, etc. Originally a blend of the words favorite and icon, most people commonly refer to it simply as your “site icon” or “browser icon”. If your site doesn’t designate an icon, …<\/p>\n

Wondering what the icon in the address bar called?<\/span> Read More \u00bb<\/a><\/p>\n","protected":false},"author":2,"featured_media":29803,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[84],"tags":[],"yoast_head":"\nWondering what the icon in the address bar called? - Erica Neubauer<\/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:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wondering what the icon in the address bar called? - Erica Neubauer\" \/>\n<meta property=\"og:description\" content=\"A favicon is your website’s icon that shows up in the browser- it sits to the right of your page title in Chrome, Firefox, etc. Originally a blend of the words favorite and icon, most people commonly refer to it simply as your “site icon” or “browser icon”. If your site doesn’t designate an icon, … Wondering what the icon in the address bar called? Read More \u00bb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/\" \/>\n<meta property=\"og:site_name\" content=\"Erica Neubauer\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ericasneubauer\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-14T04:53:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-03T06:22:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ericasneubauer.com\/wp-content\/uploads\/2022\/02\/Favicon.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Erica Neubauer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Erica Neubauer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/\"},\"author\":{\"name\":\"Erica Neubauer\",\"@id\":\"https:\/\/ericasneubauer.com\/#\/schema\/person\/dc5ab80c597be44adf326f9e3ce272a9\"},\"headline\":\"Wondering what the icon in the address bar called?\",\"datePublished\":\"2022-02-14T04:53:05+00:00\",\"dateModified\":\"2022-03-03T06:22:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/\"},\"wordCount\":334,\"publisher\":{\"@id\":\"https:\/\/ericasneubauer.com\/#organization\"},\"articleSection\":[\"Resources\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/\",\"url\":\"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/\",\"name\":\"Wondering what the icon in the address bar called? - Erica Neubauer\",\"isPartOf\":{\"@id\":\"https:\/\/ericasneubauer.com\/#website\"},\"datePublished\":\"2022-02-14T04:53:05+00:00\",\"dateModified\":\"2022-03-03T06:22:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ericasneubauer.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wondering what the icon in the address bar called?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ericasneubauer.com\/#website\",\"url\":\"https:\/\/ericasneubauer.com\/\",\"name\":\"Erica Neubauer Graphic Design\",\"description\":\"Graphic, Web & Logo Design and Branding for small businesses\",\"publisher\":{\"@id\":\"https:\/\/ericasneubauer.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ericasneubauer.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ericasneubauer.com\/#organization\",\"name\":\"Erica Neubauer Graphic Design\",\"url\":\"https:\/\/ericasneubauer.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ericasneubauer.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ericasneubauer.com\/wp-content\/uploads\/2017\/10\/cropped-esn_logo-01.png\",\"contentUrl\":\"https:\/\/ericasneubauer.com\/wp-content\/uploads\/2017\/10\/cropped-esn_logo-01.png\",\"width\":250,\"height\":250,\"caption\":\"Erica Neubauer Graphic Design\"},\"image\":{\"@id\":\"https:\/\/ericasneubauer.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/ericasneubauer\",\"https:\/\/www.instagram.com\/ericasneubauer\/\",\"https:\/\/linkedin.com\/in\/ericasneubauer\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ericasneubauer.com\/#\/schema\/person\/dc5ab80c597be44adf326f9e3ce272a9\",\"name\":\"Erica Neubauer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ericasneubauer.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5ddc20a3e05d565e8a5da8c2f5530dbe?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5ddc20a3e05d565e8a5da8c2f5530dbe?s=96&d=mm&r=g\",\"caption\":\"Erica Neubauer\"},\"url\":\"https:\/\/ericasneubauer.com\/author\/ericaneubauer\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wondering what the icon in the address bar called? - Erica Neubauer","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:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/","og_locale":"en_US","og_type":"article","og_title":"Wondering what the icon in the address bar called? - Erica Neubauer","og_description":"A favicon is your website’s icon that shows up in the browser- it sits to the right of your page title in Chrome, Firefox, etc. Originally a blend of the words favorite and icon, most people commonly refer to it simply as your “site icon” or “browser icon”. If your site doesn’t designate an icon, … Wondering what the icon in the address bar called? Read More \u00bb","og_url":"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/","og_site_name":"Erica Neubauer","article_publisher":"https:\/\/www.facebook.com\/ericasneubauer","article_published_time":"2022-02-14T04:53:05+00:00","article_modified_time":"2022-03-03T06:22:55+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/ericasneubauer.com\/wp-content\/uploads\/2022\/02\/Favicon.png","type":"image\/png"}],"author":"Erica Neubauer","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Erica Neubauer","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/#article","isPartOf":{"@id":"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/"},"author":{"name":"Erica Neubauer","@id":"https:\/\/ericasneubauer.com\/#\/schema\/person\/dc5ab80c597be44adf326f9e3ce272a9"},"headline":"Wondering what the icon in the address bar called?","datePublished":"2022-02-14T04:53:05+00:00","dateModified":"2022-03-03T06:22:55+00:00","mainEntityOfPage":{"@id":"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/"},"wordCount":334,"publisher":{"@id":"https:\/\/ericasneubauer.com\/#organization"},"articleSection":["Resources"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/","url":"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/","name":"Wondering what the icon in the address bar called? - Erica Neubauer","isPartOf":{"@id":"https:\/\/ericasneubauer.com\/#website"},"datePublished":"2022-02-14T04:53:05+00:00","dateModified":"2022-03-03T06:22:55+00:00","breadcrumb":{"@id":"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ericasneubauer.com\/"},{"@type":"ListItem","position":2,"name":"Wondering what the icon in the address bar called?"}]},{"@type":"WebSite","@id":"https:\/\/ericasneubauer.com\/#website","url":"https:\/\/ericasneubauer.com\/","name":"Erica Neubauer Graphic Design","description":"Graphic, Web & Logo Design and Branding for small businesses","publisher":{"@id":"https:\/\/ericasneubauer.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ericasneubauer.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ericasneubauer.com\/#organization","name":"Erica Neubauer Graphic Design","url":"https:\/\/ericasneubauer.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericasneubauer.com\/#\/schema\/logo\/image\/","url":"https:\/\/ericasneubauer.com\/wp-content\/uploads\/2017\/10\/cropped-esn_logo-01.png","contentUrl":"https:\/\/ericasneubauer.com\/wp-content\/uploads\/2017\/10\/cropped-esn_logo-01.png","width":250,"height":250,"caption":"Erica Neubauer Graphic Design"},"image":{"@id":"https:\/\/ericasneubauer.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ericasneubauer","https:\/\/www.instagram.com\/ericasneubauer\/","https:\/\/linkedin.com\/in\/ericasneubauer"]},{"@type":"Person","@id":"https:\/\/ericasneubauer.com\/#\/schema\/person\/dc5ab80c597be44adf326f9e3ce272a9","name":"Erica Neubauer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericasneubauer.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5ddc20a3e05d565e8a5da8c2f5530dbe?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5ddc20a3e05d565e8a5da8c2f5530dbe?s=96&d=mm&r=g","caption":"Erica Neubauer"},"url":"https:\/\/ericasneubauer.com\/author\/ericaneubauer\/"}]}},"_links":{"self":[{"href":"https:\/\/ericasneubauer.com\/wp-json\/wp\/v2\/posts\/29534"}],"collection":[{"href":"https:\/\/ericasneubauer.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ericasneubauer.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ericasneubauer.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ericasneubauer.com\/wp-json\/wp\/v2\/comments?post=29534"}],"version-history":[{"count":5,"href":"https:\/\/ericasneubauer.com\/wp-json\/wp\/v2\/posts\/29534\/revisions"}],"predecessor-version":[{"id":29804,"href":"https:\/\/ericasneubauer.com\/wp-json\/wp\/v2\/posts\/29534\/revisions\/29804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ericasneubauer.com\/wp-json\/wp\/v2\/media\/29803"}],"wp:attachment":[{"href":"https:\/\/ericasneubauer.com\/wp-json\/wp\/v2\/media?parent=29534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ericasneubauer.com\/wp-json\/wp\/v2\/categories?post=29534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ericasneubauer.com\/wp-json\/wp\/v2\/tags?post=29534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}