How to get NeXT Icon on iOS/Safari browser for this site?

NeXTComputers.org -> Site News

Title: How to get NeXT Icon on iOS/Safari browser for this site?
Post by: pTeK on June 13, 2025, 03:33:16 PM
Hi.

  I have this forum saved as a favorite on my iPhone. Is it possible to get a NeXT icon for it instead of the letter "N" ?.

  iPhone 13 with iOS 18.5

  Thanks.
Title: Re: How to get NeXT Icon on iOS/Safari browser for this site?
Post by: Nitro on June 13, 2025, 03:50:22 PM
Last year I added an Apple Touch Icon to the site. The file URL is https://www.nextcomputers.org/apple-touch-icon.png (https://www.nextcomputers.org/apple-touch-icon.png). I don't have any way to test it. It was my understanding that compatible devices would be able to use it. Is anyone else able to use this or have information on how to set this up? Thanks

Edit: I added a copy of the icon to the forums directory as well.
Title: Re: How to get NeXT Icon on iOS/Safari browser for this site?
Post by: user217 on June 13, 2025, 08:52:32 PM
Quote from: Nitro on June 13, 2025, 03:50:22 PMinformation on how to set this up?

This page (https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/) describes how to add it to a site's header. In short:

<html>
    <head>
        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        [...]
    </head>
    [...]
</html>
Title: Re: How to get NeXT Icon on iOS/Safari browser for this site?
Post by: pTeK on June 13, 2025, 09:30:31 PM
Just tried to save it to the Home Screen, favourites and bookmarks. Still no logo.

Edit: GitHub manages to save a icon when saving repositories. Bing.com did not save a icon when I bookmarked the site.
Title: Re: How to get NeXT Icon on iOS/Safari browser for this site?
Post by: Nitro on June 13, 2025, 10:20:15 PM
The front index page has this in the head section:

<link rel="apple-touch-icon" href="/apple-touch-icon.png">

It's getting hits in the logfile. Try saving the main site page to your home screen and see if that works. https://www.nextcomputers.org (https://www.nextcomputers.org/)
Title: Re: How to get NeXT Icon on iOS/Safari browser for this site?
Post by: pTeK on June 14, 2025, 01:12:32 AM
Quote from: Nitro on June 13, 2025, 10:20:15 PMThe front index page has this in the head section:

<link rel="apple-touch-icon" href="/apple-touch-icon.png">

It's getting hits in the logfile. Try saving the main site page to your home screen and see if that works. https://www.nextcomputers.org (https://www.nextcomputers.org/)

Deleted both the forum and the parent domain. It's still not working. I'll start looking into this as well.
Title: Re: How to get NeXT Icon on iOS/Safari browser for this site?
Post by: don_apple on June 14, 2025, 11:48:38 AM
This seems to be a general issue in Safari, because I also don't get the icon with Safari on macOS.

I found the following thread on reddit with a link to a tool to fix the Icons for Safari on macos which worked like a charm for me: https://www.reddit.com/r/MacOS/comments/127475k/how_can_i_get_safari_on_macos_to_pull_the_missing/

Not sure how to fix it for Safari on iOS unfortunately.
Title: Re: How to get NeXT Icon on iOS/Safari browser for this site?
Post by: pTeK on June 15, 2025, 06:17:43 AM
Could not figure this out, tried the following on my site and wouldn't work. I got the next Icon up in the tabs but could not get anything saved.

<link rel="fluid-icon" href="https://user.neocities.org/fluidicon.png" title="NeXT">
<link rel="mask-icon" href="https://user.neocities.org/favicons/favicon.svg" color="#000000">
<link rel="icon" type="image/svg" href="https://user.neocities.org/favicons/favicon.svg>
<link rel="alternate icon" type="image/png" href="https://user.neocities.org/fluidicon.png">

Go to top  Forum index