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

Browser Support

Syntax

Attribute Values

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:

<link rel="icon" href="icon.svg" sizes="any" type="image/svg+xml"> (any size)

index.html

Example: HTML

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

Output should be:

Single Articles

How to create HTML <link> Tag	HTML Tag
How to create crossorigin Attributes on HTML <link> Tag	HTML Tag
How to create HTML <link> href Attribute	HTML Tag
How to create HTML <link> hreflang Attribute	HTML Tag
How to create HTML <link> media Attribute	HTML Tag
How to use and value on HTML <link> media Attribute	HTML Tag
How to use not value on HTML <link> media Attribute	HTML Tag
How to use , value on HTML <link> media Attribute	HTML Tag
How to use and print on HTML <link> media Attribute	HTML Tag
How to use all value on HTML <link> media Attribute	HTML Tag
How to use print value on HTML <link> media Attribute	HTML Tag
How to use screen value on HTML <link> media Attribute	HTML Tag
How to use speech value on HTML <link> media Attribute	HTML Tag
How to use speech value on HTML <link> media Attribute	HTML Tag
How to use braille value on HTML <link> media Attribute	HTML Tag
How to use handheld value on HTML <link> media Attribute	HTML Tag
How to use projection value on HTML <link> media Attribute	HTML Tag
How to use tty value on HTML <link> media Attribute	HTML Tag
How to use tv value on HTML <link> media Attribute	HTML Tag
How to use aspect-ratio value on HTML <link> media Attribute	HTML Tag
How to use color value on HTML <link> media Attribute	HTML Tag
How to use color-index value on HTML <link> media Attribute	HTML Tag
How to use device-aspect-ratio value on HTML <link> media Attribute	HTML Tag
How to use device-width value on HTML <link> media Attribute	HTML Tag
How to use device-height value on HTML <link> media Attribute	HTML Tag
How to use grid value on HTML <link> media Attribute	HTML Tag
How to use height value on HTML <link> media Attribute	HTML Tag
How to use monochrome value on HTML <link> media Attribute	HTML Tag
How to use orientation value on HTML <link> media Attribute	HTML Tag
How to use resolution value on HTML <link> media Attribute	HTML Tag
How to use scan value on HTML <link> media Attribute	HTML Tag
How to use width value on HTML <link> media Attribute	HTML Tag
How to create HTML <iframe> referrerpolicy Attribute on HTML <link> Tag	HTML Tag
How to create HTML <iframe> no-referrer Attribute on HTML <link> Tag	HTML Tag
How to create HTML <iframe> no-referrer-when-downgrade Attribute on HTML <link> Tag	HTML Tag
How to create HTML <iframe> origin Attribute on HTML <link> Tag	HTML Tag
How to create HTML <iframe> origin-when-cross-origin Attribute on HTML <link> Tag	HTML Tag
How to create HTML <iframe> same-origin Attribute on HTML <link> Tag	HTML Tag
How to create HTML <iframe> strict-origin Attribute on HTML <link> Tag	HTML Tag
How to create HTML <iframe> strict-origin-when-cross-origin Attribute on HTML <link> Tag	HTML Tag
How to create HTML <iframe> unsafe-url Attribute on HTML <link> Tag	HTML Tag
How to add HTML <link> rel Attribute	HTML Tag
How to add HTML alternate <link> rel Attribute	HTML Tag
How to add HTML author <link> rel Attribute	HTML Tag
How to add HTML dns-prefetch <link> rel Attribute	HTML Tag
How to add HTML help <link> rel Attribute	HTML Tag
How to add HTML icon <link> rel Attribute	HTML Tag
How to add HTML license <link> rel Attribute	HTML Tag
How to add HTML next <link> rel Attribute	HTML Tag
How to add HTML pingback <link> rel Attribute	HTML Tag
How to add HTML preconnect <link> rel Attribute	HTML Tag
How to add HTML prefetch <link> rel Attribute	HTML Tag
How to add HTML preload <link> rel Attribute	HTML Tag
How to add HTML prerender <link> rel Attribute	HTML Tag
How to add HTML prev <link> rel Attribute	HTML Tag
How to add HTML search <link> rel Attribute	HTML Tag
How to add HTML stylesheet <link> rel Attribute	HTML Tag
How to add HTML <link> sizes Attribute	HTML Tag
How to add HTML <link> sizes HeightxWidth Attribute	HTML Tag
How to add HTML <link> any sizes Attribute	HTML Tag
How to add HTML <link> title Attribute	HTML Tag
How to add HTML <link> type Attribute	HTML Tag

What is HTML <!--...--> Tag	HTML Tag
What is HTML <!DOCTYPE> Declaration	HTML Tag
What is HTML Elements and Doctypes	HTML Tag
What is HTML <a> Tag	HTML Tag
What is HTML <abbr> Tag	HTML Tag
What is HTML <acronym> Tag	HTML Tag
What is HTML <address> Tag	HTML Tag
What is HTML <applet> Tag	HTML Tag
What is HTML <area> Tag	HTML Tag
What is HTML <article> Tag	HTML Tag
What is HTML <aside> Tag	HTML Tag
What is HTML <audio> Tag	HTML Tag
What is HTML <b> Tag	HTML Tag
What is HTML <base> Tag	HTML Tag
What is HTML <basefont> Tag	HTML Tag
What is HTML <bdi> Tag	HTML Tag
What is HTML <bdo> Tag	HTML Tag
What is HTML <big> Tag	HTML Tag
What is HTML <blockquote> Tag	HTML Tag
What is HTML <body> Tag	HTML Tag
What is HTML <br> Tag	HTML Tag
What is HTML <button> Tag	HTML Tag
What is HTML <canvas> Tag	HTML Tag
What is HTML <caption> Tag	HTML Tag
What is HTML <center> Tag	HTML Tag
What is HTML <cite> Tag	HTML Tag
What is HTML <code> Tag	HTML Tag
What is HTML <col> Tag	HTML Tag
How to create HTML <colgroup> Tag	HTML Tag
What is HTML <data> Tag	HTML Tag
What is HTML <datalist> Tag	HTML Tag
What is HTML <dd> Tag	HTML Tag
What is HTML <del> Tag	HTML Tag
What is HTML <details> Tag	HTML Tag
What is HTML <dfn> Tag	HTML Tag
What is HTML <dialog> Tag	HTML Tag
What is HTML <dir> Tag	HTML Tag
What is HTML <div> Tag	HTML Tag
What is HTML <dl> Tag	HTML Tag
What is HTML <dt> Tag	HTML Tag
What is HTML <em> Tag	HTML Tag
What is HTML <embed> Tag	HTML Tag
What is HTML <fieldset> Tag	HTML Tag
What is HTML <figcaption> Tag	HTML Tag
What is HTML <figure> Tag	HTML Tag
What is HTML <font> Tag	HTML Tag
What is HTML <footer> Tag	HTML Tag
What is HTML <form> Tag	HTML Tag
What is HTML <frame> Tag	HTML Tag
What is HTML <frameset> Tag	HTML Tag
What is HTML <h1> to <h6> Tags	HTML Tag
What is HTML <head> Tag	HTML Tag
What is HTML <header> Tag	HTML Tag
What is HTML <hgroup> Tag	HTML Tag
What is HTML <hr> Tag	HTML Tag
What is HTML <html> Tag	HTML Tag
What is HTML <i> Tag	HTML Tag
What is HTML <iframe> Tag	HTML Tag
What is HTML <img> Tag	HTML Tag
What is HTML <input> Tag	HTML Tag
What is HTML <ins> Tag	HTML Tag
What is HTML <kbd> Tag	HTML Tag
What is HTML <label> Tag	HTML Tag
What is HTML <legend> Tag	HTML Tag
What is HTML <li> Tag	HTML Tag
What is HTML <link> Tag	HTML Tag
What is HTML <main> Tag	HTML Tag
What is HTML <map> Tag	HTML Tag
What is HTML <mark> Tag	HTML Tag
What is HTML <menu> Tag	HTML Tag
What is HTML <meta> Tag	HTML Tag
What is HTML <meter> Tag	HTML Tag
What is HTML <nav> Tag	HTML Tag
What is HTML <noframes> Tag	HTML Tag
What is HTML <noscript> Tag	HTML Tag
What is HTML <object> Tag	HTML Tag
What is HTML <ol> Tag	HTML Tag
What is HTML <optgroup> Tag	HTML Tag
What is HTML <option> Tag	HTML Tag
What is HTML <output> Tag	HTML Tag
What is HTML <p> Tag	HTML Tag
What is HTML <param> Tag	HTML Tag
What is HTML <picture> Tag	HTML Tag
What is HTML <pre> Tag	HTML Tag
What is HTML <progress> Tag	HTML Tag
What is HTML <q> Tag	HTML Tag
What is HTML <rp> Tag	HTML Tag
What is HTML <rt> Tag	HTML Tag
What is HTML <ruby> Tag	HTML Tag
What is HTML <s> Tag	HTML Tag
What is HTML <samp> Tag	HTML Tag
What is HTML <script> Tag	HTML Tag
What is HTML <search> Tag	HTML Tag
What is HTML <section> Tag	HTML Tag
What is HTML <select> Tag	HTML Tag
What is HTML <small> Tag	HTML Tag
What is HTML <source> Tag	HTML Tag
What is HTML <span> Tag	HTML Tag
What is HTML <strike> Tag	HTML Tag
What is HTML <strong> Tag	HTML Tag
What is HTML <style> Tag	HTML Tag
What is HTML <sub> Tag	HTML Tag
What is HTML <summary> Tag	HTML Tag
What is HTML <sup> Tag	HTML Tag
What is HTML <svg> Tag	HTML Tag
What is HTML <table> Tag	HTML Tag
What is HTML <tbody> Tag	HTML Tag
What is HTML <td> Tag	HTML Tag
What is HTML <template> Tag	HTML Tag
What is HTML <textarea> Tag	HTML Tag
What is HTML <tfoot> Tag	HTML Tag
What is HTML <th> Tag	HTML Tag
What is HTML <thead> Tag	HTML Tag
What is HTML <time> Tag	HTML Tag
What is HTML <title> Tag	HTML Tag
What is HTML <tr> Tag	HTML Tag
What is HTML <track> Tag	HTML Tag
What is HTML <tt> Tag	HTML Tag
What is HTML <u> Tag	HTML Tag
What is HTML <ul> Tag	HTML Tag
What is HTML <var> Tag	HTML Tag
What is HTML <video> Tag	HTML Tag
How to add HTML <wbr> Tag	HTML Tag

Type:	Html
Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin