+- Geeks for your information (https://www.geeks.fyi)
+-- Forum: Geeks FYI (https://www.geeks.fyi/forumdisplay.php?fid=4)
+--- Forum: Feedback (https://www.geeks.fyi/forumdisplay.php?fid=44)
+--- Thread: Site icon (/showthread.php?tid=3734)
Site icon - Lano - 17 August 18
Site icon. Yes, this is the question. Would be much better to find site for example from favorites list etc, if it has icon, usually called favicon.ico.
If You need help adding it, I can help. Usually the simplest way is to make one icon file, what should be 16px or 32px, then upload it to root directory and add such a line/rule/code between <head> and </head> directory.
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
RE: Site icon - jasonX - 13 September 18
Tinkered with this earlier...
![[Image: h90jHNF.gif]](https://i.imgur.com/h90jHNF.gif)
![[Image: K9jbm9z.gif]](https://i.imgur.com/K9jbm9z.gif)
![[Image: Vc9ksk6.gif]](https://i.imgur.com/Vc9ksk6.gif)
RE: Site icon - lkjk - 14 September 18
Used Jason's GIF to make some favicons as OP recommended as well.
Code for images in root:
Code:
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">If images are in a folder, each line needs "./FOLDERNAME" before the path.
Contents preview: