Adding icons enhance look and feel of the Web Parts with which Web Parts will be more identifiable. It also make Web Parts more professional.



The two default properties to specify icons for Web Part are:

  • TitleIconImageUrl. This can be used to show an icon in the Web Part’s title bar. The icon will be displayed to the left of the Title
  • CatalogIconImageUrl. This will be used in the Web Part gallery to identify the Web Part.

The icon should be 16x16 pixel image of png, gif or jpeg format. We can set these default properties either in the code or directly modify the xml. Following is the xml that shows the properties of icon

 <property name="Title" type="string">VisualWebPart1</property>
 <property name="TitleIconImageUrl" type="string">/_layouts/myWp/myWp.png</property>
 <property name="CatalogIconImageUrl" type="string">/_layouts/myWp/myWp.png</property>


Web part should not have autogenerated description property like "My WebPart" or "My Visual WebPart".