HTML | <link> sizes Attribute

The HTML link sizes Attribute is used to specify the sizes of the icon for visual media and it only works when rel=”icon”. It is a read-only Property. Syntax:

<link sizes="HeightxWidth | any">

Attribute Values

HeightxWidth It is used to specify the one or more sizes of a linked icon. The value of the height and the width are separated by an "x" or "X".

For Example:

<link rel="icon" href="geeks.png" sizes="16x16" type="image/png"> (1 size)
<link rel="icon" href="sudo.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).

Example:

html

<!DOCTYPE html>
<html>

<head>
    <link id="linkid"
          rel="stylesheet" 
          type="text/css"
          href="styles.css" 
          sizes="16*16">
</head>

<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>HTML <Link> sizes Attribute</h2>
</body>

</html>

Output:

Supported Browsers: No browser supported by HTML <link> sizes Attribute.

HTML | <link> sizes Attribute

Explore