HTML | <link> sizes Attribute

Last Updated : 19 Oct, 2020

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> 