favicon from png code example

Example 1: png favicon

<link rel="icon" type="image/png" href="logo.png" />

Example 2: html favicon from png

<link rel="icon" type="image/png" href="http://example.com/image.png" />

Example 3: favicon png

<link rel="icon" type="image/png" href="https://cdn.yourwebsite.com/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="https://cdn.yourwebsite.com/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://cdn.yourwebsite.com/favicon-96x96.png" sizes="96x96">

Example 4: favicon png

<link rel="apple-touch-icon" href="older-iPhone.png"> // 120px
<link rel="apple-touch-icon" sizes="180x180" href="iPhone-6-Plus.png">
<link rel="apple-touch-icon" sizes="152x152" href="iPad-Retina.png">
<link rel="apple-touch-icon" sizes="167x167" href="iPad-Pro.png">

Tags: