If any .svg, .ico, .png, .gif or .jpg file with the name "icon" is present in the extension package (for example: 'icon.png'), then that is used as the icon for the extension by default.
<icon> element is used to specify a custom icon file for the extension. The
height attributes are not needed for SVG files. For bitmaps (e.g., png, gif, etc), Opera will automatically deduce the width and height of each icon.
In the following example, three icon sizes are specified. The 64px icon is used in Opera's extension manager and the 18px icon (optional) is the size used for toolbar buttons. You can include icons for high density displays (for example, 'retina displays') in the same way. In the following example, the 128px icon is intended for those displays.
<?xml version="1.0" encoding="utf-8"?> <widget xmlns="http://www.w3.org/ns/widgets" id="http://example.com/myExtension" version="1.0"> ... <icon src="images/icon_128.png"/> <icon src="images/icon_64.png"/> <icon src="images/icon_18.png"/> ... </widget>
As part of our extension documentation, we have a collection of hints and tips for creating effective extension icons.
This article is licensed under a Creative Commons Attribution 3.0 Unported license.