How to have default logo for website shortcut on iPhone

MMurphy8 · ‎Sep 22, 2025

How can we have our logo be the default icon when anyone adds the shortcut of our website homepage (www.smeds.org) to their iPhone? Right now, the default icon is a grey box with a white "S" on it. Can you help me or point me in the right direction? Thanks!

frameofwork · ‎Sep 24, 2025

Hi @MMurphy8 ,

You're likely looking for the apple-touch-icon which needs to be defined in your site's HTML per Apple's documentation here and this thread on Stackoverflow here. You'll need to adjust your site's code within HubSpot assuming your site is hosted on HubSpo;t to pass this information through.

I'd recommend editing the base.html file of whichever theme you're using to pass this particular information along in the HTML of all your pages using this same theme.

View solution in original post

frameofwork · ‎Sep 24, 2025

@STierney might be able to assist further here although I supsect the next step would be to reach out to HubSpot Support afresh, perhaps via their chat or phone channels to get direct live assistance on this.

The most I can do from my end is lay out the steps based on the website you shared above:

Navigate to the base HTML file: https://app.hubspot.com/design-manager/21517427/modules/84138712844
Find the section containing the <head> code (reference the screenshot below)
Add the code below (I've used the logo from the page you linked)
Hit publish

Screenshot for step 2

Code for step 3

<link rel="apple-touch-icon" sizes="114x114" href="https://www.smeds.org/hubfs/raw_assets/public/SMEDS_Theme_2022/images/logos/smeds-logo.svg">

As mentioned previously, this will apply to all pages using this theme going forward so any shortcut you create on iPhone should pull the same logo through. I can't guarantee a HubSpot employee will be able to help you implement this however but those steps should make things easier for you!

Found my comment helpful? Help the community by marking it as a solution.

Wishing you a great day,
Frame of Work
Need a custom HubSpot quote template? Check out our library at https://www.frameofwork.com
Built for teams who want clean template designs without the dev work.

View solution in original post

STierney · ‎Sep 22, 2025

Hey @MMurphy8 - thanks for posting in the Community!

To clarify what you're asking here, could you please provide some screenshots of what you currently see in this process to identify possible next steps? I'm not sure I'm completely clear on where you're seeing the grey box with the white "S" on it.

Shane, Community Manager

Loop Marketing is a new four-stage approach that combines AI efficiency and human authenticity to drive growth.

Learn More

MMurphy8 · ‎Sep 23, 2025

Hey Shane, below are two screenshots. The first screenshot shows what it looks like when I'm making www.smeds.org a shortcut on my homescreen on my iPhone. The second screenshot shows what the shortcut looks like on my homescreen with the grey box and white "S". We want to have our logo appear there.

https://drive.google.com/file/d/1vyda_JsmgDAioRiMfZe5s7O0A69pTjWn/view?usp=sharing

https://drive.google.com/file/d/1vl1YC5MlsOnkFep5b6Ki-nxkQ3lyUxIb/view?usp=sharing

frameofwork · ‎Sep 24, 2025