TWiki Documentation Graphics and File Type Icons

This is the TWiki Documentation Graphics library. The graphics can be used in topics and by web applications.

All icons at a glance

List of unique icons defined in TWiki.TWikiDocGraphics. Hover over the icon to get icon information.

$%ICON{dot_ld}% - Dot graph left-down, defined in TWiki.TWikiDocGraphics$ $%ICON{dot_lr}% - Dot graph left-right, defined in TWiki.TWikiDocGraphics$ $%ICON{dot_lrd}% - Dot graph left-right-down, defined in TWiki.TWikiDocGraphics$ $%ICON{dot_rd}% - Dot graph right-down, defined in TWiki.TWikiDocGraphics$ $%ICON{dot_ud}% - Dot graph up-down, defined in TWiki.TWikiDocGraphics$ $%ICON{dot_udl}% - Dot graph up-down-left, defined in TWiki.TWikiDocGraphics$ $%ICON{dot_udlr}% - Dot graph up-down-left-right, defined in TWiki.TWikiDocGraphics$ $%ICON{dot_udr}% - Dot graph up-down-right, defined in TWiki.TWikiDocGraphics$ $%ICON{dot_ul}% - Dot graph up-left, defined in TWiki.TWikiDocGraphics$ $%ICON{dot_ulr}% - Dot graph up-left-right, defined in TWiki.TWikiDocGraphics$ $%ICON{dot_ur}% - Dot graph up-right, defined in TWiki.TWikiDocGraphics$ $%ICON{go_back}% - Go back, defined in TWiki.TWikiDocGraphics$ $%ICON{go_end}% - Go to end, defined in TWiki.TWikiDocGraphics$ $%ICON{go_fb}% - Go fast back, defined in TWiki.TWikiDocGraphics$ $%ICON{go_ff}% - Go fast forward, defined in TWiki.TWikiDocGraphics$ $%ICON{go_forward}% - Go forward, defined in TWiki.TWikiDocGraphics$ $%ICON{go_start}% - Go to start, defined in TWiki.TWikiDocGraphics$ $%ICON{line_ld}% - Line graph left-down, defined in TWiki.TWikiDocGraphics$ $%ICON{line_lr}% - Line graph left-right, defined in TWiki.TWikiDocGraphics$ $%ICON{line_lrd}% - Line graph left-right-down, defined in TWiki.TWikiDocGraphics$ $%ICON{line_rd}% - Line graph right-down, defined in TWiki.TWikiDocGraphics$ $%ICON{line_ud}% - Line graph up-down, defined in TWiki.TWikiDocGraphics$ $%ICON{line_udl}% - Line graph up-down-left, defined in TWiki.TWikiDocGraphics$ $%ICON{line_udlr}% - Line graph up-down-left-right, defined in TWiki.TWikiDocGraphics$ $%ICON{line_udr}% - Line graph up-down-right, defined in TWiki.TWikiDocGraphics$ $%ICON{line_ul}% - Line graph up-left, defined in TWiki.TWikiDocGraphics$ $%ICON{line_ulr}% - Line graph up-left-right, defined in TWiki.TWikiDocGraphics$ $%ICON{line_ur}% - Line graph up-right, defined in TWiki.TWikiDocGraphics$ $%ICON{line_ur_gray}% - Line graph up-right, gray, defined in TWiki.TWikiDocGraphics$ $%ICON{node-minus_r}% - Minus node graph right, defined in TWiki.TWikiDocGraphics$ $%ICON{node-minus_udr}% - Minus node graph up-down-right, defined in TWiki.TWikiDocGraphics$ $%ICON{node-minus_ur}% - Minus node graph up-right, defined in TWiki.TWikiDocGraphics$ $%ICON{node-plus_r}% - Plus node graph right, defined in TWiki.TWikiDocGraphics$ $%ICON{node-plus_udr}% - Plus node graph up-down-right, defined in TWiki.TWikiDocGraphics$ $%ICON{node-plus_ur}% - Plus node graph up-right, defined in TWiki.TWikiDocGraphics$ $%ICON{parent_gray}% - Parent arrow, defined in TWiki.TWikiDocGraphics$

Usage

Write this:	To get:	Raw view:
`%ICON{help}%`		`<img src="/twiki/pub/TWiki/TWikiDocGraphics/help.gif" .... />`
`%ICON{ "tip" format="$url" }%`		`https://gaia.ub.edu/twiki/pub/TWiki/TWikiDocGraphics/tip.gif`
See extended usage below

Documentation graphics

Documentation graphics defined in this topic are listed in the tables below. Each image is defined by a table row containing these cells: %ICON{}% variable; usage example of icon variable; description shown in image title; file type (gif or png); size (width x height); aliases (if any).

Document icons

Variable	Description	Type	Size
`%ICON{action-item}%`	Action item	gif	16x16
`%ICON{airplane}%`	Airplane	gif	16x16
`%ICON{award}%`	Award	gif	16x16
`%ICON{barcode}%`	Barcode	gif	16x16
`%ICON{bed}%`	Bed	gif	16x16
`%ICON{blank}%`	Blank box	gif	16x16
`%ICON{blank-bg}%`	Blank box, transparent	gif	16x16
`%ICON{bomb}%`	Bomb	gif	16x16
`%ICON{book}%`	Book	gif	16x16
`%ICON{bridge}%`	Bridge	gif	16x16
`%ICON{bubble}%`	Speech bubble	gif	16x16
`%ICON{bug}%`	Bug	gif	16x16
`%ICON{calculator}%`	Calculator	gif	16x16
`%ICON{chart-bar}%`	Bar chart	gif	16x16
`%ICON{chart-pie}%`	Pie chart	gif	16x16
`%ICON{clock}%`	Clock	gif	16x16
`%ICON{color-wheel}%`	Color wheel	gif	16x16
`%ICON{color-wheel-bg}%`	Color wheel, transparent	gif	16x16
`%ICON{comments}%`	Comments	gif	16x16
`%ICON{connections}%`	Connections	gif	16x16
`%ICON{dashboard}%`	Dashboard	gif	16x16
`%ICON{database}%`	Database	gif	16x16
`%ICON{days}%`	Days, Calendar	gif	16x16
`%ICON{download}%`	Download	gif	16x16
`%ICON{fax}%`	Fax	gif	16x16
`%ICON{filter}%`	Filter	gif	16x16
`%ICON{food}%`	Food	gif	16x16
`%ICON{gear}%`	Gear	gif	16x16
`%ICON{globe}%`	Globe	gif	16x16
`%ICON{goal}%`	Goal	gif	16x16
`%ICON{graduation}%`	Graduation	gif	16x16
`%ICON{hand}%`	Pointing hand	gif	16x16
`%ICON{heart}%`	Heart	gif	16x16
`%ICON{help}%`, `%H%`	Help	gif	16x16
`%ICON{help-video}%`	Help video	gif	16x16
`%ICON{hourglass}%`	Hourglass	gif	16x16
`%ICON{info}%`	Info	gif	16x16
`%ICON{legal}%`	Legal	gif	16x16
`%ICON{luggage}%`	Luggage	gif	16x16
`%ICON{map}%`	Map	gif	16x16
`%ICON{mechanics}%`	Mechanics	gif	16x16
`%ICON{megaphone}%`	Megaphone	gif	16x16
`%ICON{meeting}%`	Meeting	gif	16x16
`%ICON{milestone}%`	Milestone	gif	16x16
`%ICON{mission}%`	Mission	gif	16x16
`%ICON{mobile}%`	Mobile	gif	16x16
`%ICON{more}%`	Read more	gif	16x16
`%ICON{more-small}%`	Read more	gif	13x13
`%ICON{move}%`	Move	gif	16x16
`%ICON{note}%`	Note	gif	16x16
`%ICON{parked}%`	Parked	gif	16x16
`%ICON{parts}%`	Parts	gif	16x16
`%ICON{pencil}%`, `%P%`	Pencil	gif	16x16
`%ICON{phone}%`	Phone	gif	16x16
`%ICON{photo}%`	Photo	gif	13x10
`%ICON{plug}%`	Plug	gif	16x16
`%ICON{presentation}%`	Presentation	gif	16x16
`%ICON{process}%`	Process	gif	16x16
`%ICON{profile}%`	Profile	gif	1