How to add HTML <link> sizes Attribute

Icon with specified size:

Definition and Usage

The sizes attribute specifies the sizes of icons for visual media.

This attribute is only used if rel="icon".

Value	Description
HeightxWidth	Specifies one or more sizes for the linked icon. The height and width values are separated by an "x" or "X". Examples: <link rel="icon" href="favicon.png" sizes="16x16" type="image/png"> (1 size) <link rel="icon" href="favicon.png" sizes="16x16 32x32" type="image/png"> (2 sizes)
any	Specifies that the icon is scalable (like an SVG image) Examples: <link rel="icon" href="icon.svg" sizes="any" type="image/svg+xml"> (any size)

Value

Description

HeightxWidth

Specifies one or more sizes for the linked icon.
The height and width values are separated by an "x" or "X".

Examples:

<link rel="icon" href="favicon.png" sizes="16x16" type="image/png"> (1 size)
<link rel="icon" href="favicon.png" sizes="16x16 32x32" type="image/png"> (2 sizes)

any

Specifies that the icon is scalable (like an SVG image)

Examples:

Example: HTML

 <link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16">