icon

Contains the name of an icon that can be used by application user interfaces when displaying the object represented by this element's parent element. Currently, the icon is only used in Content Studio.

The value may either be the name of one of the following predefined icons:

NameIcon

article

graphics/content-type-generic.png

attachment

graphics/content-type-attachments.png

audio

graphics/content-type-audio.png

generic

graphics/content-type-generic.png

graphic

graphics/content-type-graphic.png

image

graphics/content-type-image.png

image-series

graphics/content-type-image-series.png

inbox

graphics/inbox.png

link

graphics/content-type-link.png

list

graphics/list.png

map

graphics/content-type-map.png

media

graphics/content-type-attachments.png

news

graphics/content-type-generic.png

page

graphics/section.png

person

graphics/user.png

poll

graphics/content-type-poll.png

publication

graphics/content-type-publication.png

section

graphics/section.png

video

graphics/content-type-video.png

widget

graphics/content-type-widget.png

or the absolute URI of an image you want to use as an icon. The referenced image must be accessible from all the machines on which Content Studio is used. It can be in any image format supported by Java (but PNG is recommended). For best results you should use a small (32*32), square image.

When an icon element appears as the child of a style-class element you can also specify a single unicode character as element content. An icon will then be generated from the specified character. You can specify the character either literally or as a numeric entity (↑ for example).

Syntax
<icon>
    text
  </icon>
Examples
  • This example selects one of Content Studio's built-in icons.

    <ui:icon>audio</ui:icon>
    
  • This example selects a custom icon stored on a server somewhere in the network.

    <ui:icon>http://my-company-server/icons/custom-audio.png</ui:icon>
    
  • This example creates an icon from the character. You can also specify characters as entities (&#x2191; in this case). Note that this form of the icon element only works when the element is the child of a style-class element.

    <ui:icon>↑</ui:icon>