Open In App

HTML <menuitem> icon Attribute

Last Updated : 31 Aug, 2022
Like Article

The HTML <menuitem> icon Attribute is used to define the pictorial representation of the menu command or menu item. It contains the URL of a specified image. 


<menuitem icon="URL">

Attribute Values: It contains a single value URL that specifies an icon for a particular menu item. There are two types of URL links which are listed below:

  • Absolute URL: It points to another webpage.
  • Relative URL: It points to other files of the same web page.

Note: This attribute is depreciated from HTML 5.

Example: The below example illustrates the use of icon attribute in <menuitem> tag


<!DOCTYPE html>
        <h1 style="color: green;">
        <h2>HTML menuitem icon Attribute</h2>
        <div style="background:green;
                    border:2px solid black;
                    padding: 10px;"
<p>A Computer Science Portal for Geeks</p>
            <menu type="context" id="geeks">
                <menu label="Send it on...">
                    <menuitem label="Twitter" onclick="
'//'+ window.location.href);"
                    <menuitem label="Pinterest" onclick="
                <menuitem label="Mail The current Page"
                    + window.location.href;" icon="ico_email.png">
<p>A Computer Science Portal for Geeks</p>
<p>Right click on green div and see the menuitem </p>


icon Attribute

Supported Browser: The icon attribute will only be supported in Firefox version 8.0.

Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads