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=”16×16″ type=”image/png”> (1 size)
<link rel=”icon” href=”sudo.png” sizes=”16×16 32×32″ 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:

<!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.

Article Tags :

HTML

Web Technologies

HTML-Attributes