How to Make Your Logo and Icon Recognizable in AI Citations

Where do logos and icons appear in AI answers?

• Google's AI Overviews and AI Mode show linked sources with the site's favicon and site name, drawn from the same systems as Google's search results.
• ChatGPT, Perplexity and other assistants show citations as small chips, cards or lists, typically with a favicon and the site or brand name.
• Knowledge panels and brand cards in Google can show your full logo, which Organization markup can influence.
• Shopping answers show product images and sometimes brand logos from product data.

In every case the space is tiny. A detailed logo becomes a blur. A missing or generic icon, such as a default hosting-platform icon, makes your source look anonymous next to competitors with clear marks.

What does Google require for favicons?

Google's favicon documentation sets out the rules:

• Declare it on the homepage with a <link rel="icon" href="..."> tag. Google also accepts shortcut icon, apple-touch-icon and apple-touch-icon-precomposed.
• Homepage level only: favicons are supported for domain-level (example.com) and subdomain-level (news.example.com) homepages, not subdirectories (example.com/news).
• Let Google crawl it: Googlebot-Image must be able to fetch the favicon file, and Googlebot the homepage.
• Square, in a 1:1 ratio, at least 8 by 8 pixels. Google recommends larger than 48 by 48 so it looks good everywhere.
• Stable URL: do not change the favicon's address often.
• Appropriate content: Google will not show favicons it considers inappropriate.

Other assistants do not publish favicon rules, so Google's requirements are the safest single standard to follow.

How should the icon be designed?

• Use a mark, not the full logo. A single letter, symbol or simplified shape reads at 16 pixels; a wordmark does not.
• Fill the square. Leave only a small margin, so the mark is not lost in empty space.
• Test on light and dark backgrounds. A white mark on a transparent background disappears on white; a black one on dark mode. Use a solid background shape, or a colour that works on both.
• Keep strong contrast and avoid thin lines, gradients and small text.
• Match your other profiles. Use the same mark as your social avatars and app icon, so people recognise it wherever they see it.
• Provide several sizes: a 48×48 or larger PNG or ICO, a 180×180 Apple touch icon, and optionally an SVG for browsers that support it.

How do you set the site name that appears beside the icon?

Google generates site names automatically from your homepage and references to your site across the web. You can state your preference with WebSite structured data on the homepage:

{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Brenlow",
  "alternateName": ["Brenlow Bookkeeping"],
  "url": "https://www.example.com/"
}

Use the name people actually call you, consistently in your homepage title, main heading, profiles and press. Google says site names work for domain-level and subdomain-level sites. A name that differs between your title tag, logo text and profiles makes it harder for any system to settle on one.

How do you set the logo for knowledge panels and brand cards?

Add the logo property to your Organization markup. Google's guidelines say the image must be at least 112 by 112 pixels, crawlable and indexable, and in a format Google Images supports. It should also look right on a plain white background, since a mostly white or grey logo may vanish there. This is the full logo, which can include your wordmark, unlike the favicon. Keep the same Organization details on your site and your profiles, as covered in how to make a brand's information consistent across AI-visible sources.

What does a recognisable icon actually achieve?

Be realistic about the effect:

• It does not change whether you are cited. Assistants choose sources by content and relevance, not by icons. What decides citations is covered in whether AI systems cite visible page text instead of JSON-LD and related guides.
• It helps people notice you among five or ten sources in an answer.
• It supports trust. A familiar mark next to a claim tells the reader who is behind it.
• It supports brand recall. People who see your icon beside helpful answers repeatedly start to recognise it, which matters for later searches that name you.

What commonly goes wrong?

• The default icon of a website builder or CMS left in place.
• A favicon blocked by robots.txt or served from a CDN path that crawlers cannot reach.
• Different icons on different subdomains, such as the blog, help centre and shop, so the brand looks like three sources.
• Frequent redesigns that change the icon URL and reset what platforms show.
• A transparent white logo that vanishes on light backgrounds.

How do you check it?

1. Search for your brand in Google and look at the icon and site name beside your results.
2. Find an AI Overview that cites you and check the source display.
3. Ask ChatGPT and Perplexity questions they cite you for, and look at the source chips in light and dark mode.
4. Fetch the favicon URL directly and check it returns the image with a 200 status.
5. Validate your Organization markup with Google's Rich Results Test. Site names are not supported there, so check the WebSite markup with the Schema Markup Validator and use URL Inspection in Search Console.

Changes to favicons and site names can take time to show, since Google must recrawl your homepage.

What might an illustrative case look like?

Consider an illustrative bookkeeping software company whose citations in AI answers showed the default icon of its website builder beside the name "Home". Its homepage title read "Home | Brenlow", and its favicon link was missing. The team added a square green "B" mark with a solid background, declared it on the homepage and set WebSite markup naming "Brenlow". It changed the homepage title to lead with the brand, and used the same mark on its help centre subdomain and social profiles. A few weeks later, its citations showed the green mark and the correct name. Sales calls began to include prospects saying they had "seen Brenlow in ChatGPT answers".

What do people ask about logos in AI citations?

Should the favicon be our full logo?

Usually not. A simplified mark is far more legible at small sizes.

Can we use different icons for light and dark mode?

Browsers can use an SVG favicon that adapts to colour schemes, but not every platform supports it. A design that works on both backgrounds is safer.

Do AI engines use our Organization logo in answers?

Google can use it in knowledge panels and brand features. Citation chips generally use the favicon.

How often can we change the favicon?

Rarely. Keep the URL stable, and when you do change it, expect platforms to take time to update.