How to set the size of the linked resource in HTML5 ? Last Updated : 27 May, 2021 Comments Improve Suggest changes Like Article Like Report Approach: We set the sizes of the linked resource by using the sizes attributes in <link> tag in HTML. It is used to specify the sizes of the icon for visual media, and it only works when set to rel=”icon”. It is a read-only property. Syntax: <link sizes="HeightxWidth | any"> Possible values to set the size of the linked resource are as follows: HeightxWidth It is used to specify one or more sizes of a linked icon. The value of the height and the width are separated by an “x” or “X”.any: It specifies that the icon is scalable (like an SVG or PNG image). Example 1: HTML <!DOCTYPE html> <html> <head> <link id="linkid" rel="stylesheet" type="text/css" href="styles.css" sizes="32*32"> </head> <body style="text-align:center;"> <h2 style="color:green">GeeksforGeeks</h2> <b>How to set the size of the linked resource in HTML5? </b><br/> <p>Learn tailwind css <a href= "https://www.geeksforgeeks.org/css-tailwind-introduction/"> Click here </a> </p> </body> </html> Output: Example 2: HTML <!DOCTYPE html> <html> <head> <link rel="icon" href="geeksimage.png" type="image/png" sizes="any" /> </head> <body style="text-align: center"> <h2 style="color: green">GeeksforGeeks</h2> <b>How to set the size of the linked resource in HTML5? </b> <br /> <p> Learn tailwind css <a href= "https://www.geeksforgeeks.org/css-tailwind-introduction/"> Click here</a> </p> </body> </html> Output: Notice the image icon in the top left corner of the web page. Comment More infoAdvertise with us Next Article Company Wise Interview Preparation M manaschhabra2 Follow Improve Article Tags : Web Technologies HTML Similar Reads Interview Preparation Interview Preparation For Software Developers Must Coding Questions - Company-wise Must Do Coding Questions - Topic-wise Company-wise Practice Problems Company Preparation Competitive Programming Software Design-Patterns Company-wise Interview Experience Experienced - Interview Experiences Internship - Interview Experiences Practice @Geeksforgeeks Problem of the Day Topic-wise Practice Difficulty Level - School Difficulty Level - Basic Difficulty Level - Easy Difficulty Level - Medium Difficulty Level - Hard Leaderboard !! Explore More... Data Structures Arrays Linked List Stack Queue Binary Tree Binary Search Tree Heap Hashing Graph Advance Data Structures Matrix String All Data Structures Algorithms Analysis of Algorithms Searching Algorithms Sorting Algorithms Pattern Searching Geometric Algorithms Mathematical Algorithms Randomized Algorithms Greedy Algorithms Dynamic Programming Divide & Conquer Backtracking Branch & Bound All Algorithms Programming Languages C C++ Java Python C# Go Lang SQL PHP Scala Perl Kotlin Web Technologies HTML CSS JavaScript Bootstrap Tailwind CSS AngularJS ReactJS jQuery NodeJS PHP Web Design Web Browser File Formats Computer Science Subjects Operating Systems DBMS Computer Network Computer Organization & Architecture TOC Compiler Design Digital Elec. & Logic Design Software Engineering Engineering Mathematics Data Science & ML Complete Data Science Course Data Science Tutorial Machine Learning Tutorial Deep Learning Tutorial NLP Tutorial Machine Learning Projects Data Analysis Tutorial Tutorial Library Python Tutorial Django Tutorial Pandas Tutorial Kivy Tutorial Tkinter Tutorial OpenCV Tutorial Selenium Tutorial GATE CS GATE CS Notes Gate Corner Previous Year GATE Papers Last Minute Notes (LMNs) Important Topic For GATE CS GATE Course Previous Year Paper: CS exams Like