<link rel="icon" type="image/png" href="imagen.png">
<link rel="icon" type="image/gif" href="imagen.gif">
<link rel="icon" type="image/vnd.microsoft.icon" href="imagen.ico">
<head>
<title>My Page Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<!--
To add a favicon to your website, either save your favicon image to
the root directory of your webserver, or create a folder in the root
directory called images, and save your favicon image in this folder.
A common name for a favicon image is "favicon.ico".
Next, add a <link> element to your "index.html" file, after the <title>
element, as per the example above.
I hope that this helps <3 Happy coding!
-->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="icon" type="image/x-icon" href="https://picsum.photos/200" />