NOTE: This is a DistributionDocument. Please help maintain high quality documentation: This is a wiki, please fix the documentation if you find errors or incomplete content. Put questions and suggestions concerning the documentation of this topic in the comments section below. Use the Support web for problems you are having using TWiki.
TWiki Documentation Graphics and File Type Icons
All icons at a glance
List of unique icons defined in TWiki05x01.TWikiDocGraphics, Main.SiteDocGraphics. Hover over the icon to get icon information.
Usage
| Write this: | To get: | Raw view: |
|---|---|---|
%ICON{help}% |
|
<img src="/p/pub/TWiki05x01/TWikiDocGraphics/help.gif" .... /> |
%ICON{ "tip" format="$url" }% |
 |
http://www.twiki.org/p/pub/TWiki05x01/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 | Alias | |
|---|---|---|---|---|---|
| |
%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{bubble}% |
Speech bubble | gif | 16x16 | |
| |
%ICON{bug}% |
Bug | gif | 16x16 | |
| |
%ICON{chart-bar}% |
Bar chart | gif | 16x16 | |
| |
%ICON{chart-pie}% |
Pie chart | 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{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{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}% |
Hour glass (clock) | 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{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 | 16x16 | |
| |
%ICON{puzzle}% |
Puzzle | gif | 16x16 | |
| |
%ICON{qrcode}% |
QR Code | gif | 16x16 | |
| |
%ICON{question}% |
Question | gif | 16x16 | |
| |
%ICON{quiet}% |
Quiet | gif | 16x16 | |
| |
%ICON{radioactive}% |
Radioactive | gif | 16x16 | |
| |
%ICON{rfc}% |
Request for comments | gif | 16x16 | |
| |
%ICON{sitemap}% |
Site map | gif | 16x16 | |
| |
%ICON{sitetree}% |
Site tree | gif | 16x16 | |
| |
%ICON{skype}% |
Skype | gif | 16x16 | |
| |
%ICON{socket}% |
Socket | gif | 16x16 | |
| |
%ICON{sort}% |
Sort | gif | 16x16 | |
| |
%ICON{stargold}% |
Gold star, favorites | gif | 16x16 | |
| |
%ICON{starred}%, %S% |
Red star, highlight | gif | 16x16 | |
| |
%ICON{star-full}% |
Star (full) | gif | 16x16 | |
| |
%ICON{star-half}% |
Star (half) | gif | 16x16 | |
| |
%ICON{star-none}% |
Star (none) | gif | 16x16 | |
| |
%ICON{statistics}% |
Statistics | gif | 16x16 | |
| |
%ICON{stop}% |
Stop | gif | 16x16 | |
| |
%ICON{support}% |
Support | gif | 16x16 | |
| |
%ICON{switch}% |
Switch | gif | 16x16 | |
| |
%ICON{target}% |
Target | gif | 16x16 | |
| |
%ICON{target-blue}% |
Target - blue | gif | 16x16 | |
| |
%ICON{target-gray}% |
Target - gray | gif | 16x16 | |
| |
%ICON{target-green}% |
Target - green | gif | 16x16 | |
| |
%ICON{target-orange}% |
Target - orange | gif | 16x16 | |
| |
%ICON{target-red}% |
Target - red | gif | 16x16 | |
| |
%ICON{thumbs-down}% |
Thumbs-down | gif | 16x16 | |
| |
%ICON{thumbs-up}% |
Thumbs-up | gif | 16x16 | |
| |
%ICON{tip}%, %T% |
Tip, idea | gif | 16x16 | |
| |
%ICON{toolbox}% |
Toolbox | gif | 16x16 | |
| |
%ICON{tooth}% |
Tooth | gif | 16x16 | |
| |
%ICON{topmenu}% |
Topmenu | gif | 16x16 | |
| |
%ICON{traffic-light}% |
Traffic light | gif | 16x16 | |
| |
%ICON{vcard}% |
VCard | gif | 16x16 | |
| |
%ICON{video}% |
Video | gif | 13x10 | |
| |
%ICON{warning}%, %X% |
Warning, important | gif | 16x16 | |
| |
%ICON{watch}% |
Watch | gif | 16x16 | |
| |
%ICON{wip}% |
Work in progress, under construction | gif | 16x16 | |
| |
%ICON{wrench}% |
Wrench, tools | gif | 16x16 | |
| |
%ICON{ying-yang}% |
Ying Yang | gif | 16x16 |
Topic, file, folder icons
| Variable | Description | Type | Size | Alias | |
|---|---|---|---|---|---|
| |
%ICON{viewtopic}% |
View topic | gif | 16x16 | |
| |
%ICON{printtopic}% |
Print topic | gif | 16x16 | |
| |
%ICON{refreshtopic}% |
Refresh topic | gif | 16x16 | |
| |
%ICON{newtopic}% |
New topic | gif | 16x16 | |
| |
%ICON{edittopic}% |
Edit topic | gif | 16x16 | |
| |
%ICON{save}% |
Save | gif | 16x16 | |
| |
%ICON{attachfile}% |
Attach file | gif | 16x16 | |
| |
%ICON{download}% |
Download | gif | 16x16 | |
| |
%ICON{trash}% |
Trash | gif | 16x16 | |
| |
%ICON{searchtopic}% |
Search topic | gif | 16x16 | |
| |
%ICON{search-small}% |
Small search button | gif | 13x13 | |
| |
%ICON{topicbacklinks}% |
Topic back-links | gif | 16x16 | |
| |
%ICON{topicdiffs}% |
Topic difference | gif | 16x16 | |
| |
%ICON{statistics}% |
Statistics | gif | 16x16 | |
| |
%ICON{index}% |
Index | gif | 16x16 | |
| |
%ICON{indexlist}% |
Index list | gif | 16x16 | |
| |
%ICON{cachetopic}% |
Cache topic | gif | 16x16 | |
| |
%ICON{folder}% |
Folder | gif | 16x16 | |
| |
%ICON{table}% |
Table | gif | 16x16 | |
| |
%ICON{edittable}% |
Edit table | gif | 16x16 | |
| |
%ICON{uweb-bo}% |
UWEB (Universal Wiki Edit Button), blue, outline | gif | 16x16 | |
| |
%ICON{uweb-bo12}% |
UWEB, blue, outline, small | gif | 12x12 | |
| |
%ICON{uweb-g}% |
UWEB, green (default) | gif | 16x16 | |
| |
%ICON{uweb-gs}% |
UWEB, green, square | gif | 16x16 | |
| |
%ICON{uweb-m12}% |
UWEB, black, small | gif | 12x12 | |
| |
%ICON{uweb-o}% |
UWEB, orange | gif | 16x16 | |
| |
%ICON{uweb-o12}% |
UWEB, orange, small | gif | 12x12 | |
| |
%ICON{uweb-o14}% |
UWEB, orange, small | gif | 14x14 | |
| |
%ICON{uweb-oo}% |
UWEB, orange, outline | gif | 16x16 | |
| |
%ICON{uweb-os}% |
UWEB, orange, square | gif | 16x16 |
Person, group, access icons
| Variable | Description | Type | Size | Alias | |
|---|---|---|---|---|---|
| |
%ICON{person}% |
Person | gif | 16x16 | |
| |
%ICON{persons}% |
Persons | gif | 16x16 | |
| |
%ICON{group}% |
Group | gif | 16x16 | |
| |
%ICON{useractive}% |
Active user | gif | 16x16 | |
| |
%ICON{userinactive}% |
Inactive user | gif | 16x16 | |
| |
%ICON{building}% |
Building | gif | 16x16 | |
| |
%ICON{buildings}% |
Buildings | gif | 16x16 | |
| |
%ICON{logout}% |
Log out | gif | 16x16 | |
| |
%ICON{key}% |
Key | gif | 16x16 | |
| |
%ICON{lock}% |
Lock | gif | 16x16 | |
| |
%ICON{lock-open}% |
Lock, unlocked | gif | 16x16 | |
| |
%ICON{locktopic}% |
Locked topic | gif | 16x16 | |
| |
%ICON{locktopicgray}% |
Locked topic, gray | gif | 16x16 | |
| |
%ICON{lockfolder}% |
Locked folder | gif | 16x16 | |
| |
%ICON{lockfoldergray}% |
Locked folder, gray | gif | 16x16 |
Social networking, bookmarks
| |
%ICON{bitly}% |
Bit.ly | gif | 16x16 | |
| |
%ICON{blogger}% |
Blogger | gif | 16x16 | |
| |
%ICON{delicious}% |
Delicious | gif | 16x16 | |
| |
%ICON{digg}% |
Digg | gif | 16x16 | |
| |
%ICON{facebook}% |
gif | 16x16 | ||
| |
%ICON{google}% |
gif | 16x16 | ||
| |
%ICON{linkedin}% |
gif | 16x16 | ||
| |
%ICON{reddit}% |
gif | 16x16 | ||
| |
%ICON{stumbleupon}% |
Stumbleupon | gif | 16x16 | |
| |
%ICON{technorati}% |
Technorati | gif | 16x16 | |
| |
%ICON{twitter}% |
gif | 16x16 | ||
| |
%ICON{windows}% |
Windows | gif | 16x16 |
Changes, notification icons
| Variable | Description | Type | Size | Alias | |
|---|---|---|---|---|---|
| |
%ICON{changes}% |
Changes | gif | 16x16 | |
| |
%ICON{changes-small}% |
Changes | gif | 13x13 | |
| |
%ICON{recentchanges}% |
Recent changes | gif | 16x16 | |
| |
%ICON{mail}% |
gif | 16x16 | ||
| |
%ICON{notify}% |
Notify | gif | 16x16 | |
| |
%ICON{feed}% |
RSS feed, rounded corners | gif | 16x16 | |
| |
%ICON{rss}% |
RSS feed, gray box | gif | 16x16 | |
| |
%ICON{rss-feed}% |
RSS feed | gif | 36x14 | |
| |
%ICON{rss-small}% |
RSS feed, text | gif | 16x16 | |
| |
%ICON{xml-feed}% |
XML feed | gif | 36x14 | |
| |
%ICON{xml-small}% |
XML feed | gif | 16x16 |
Status, flag, LED, tag icons
| Variable | Description | Type | Size | Alias | |
|---|---|---|---|---|---|
| |
%ICON{new}%, %N% |
NEW | gif | 30x16 | |
| |
%ICON{todo}% |
TODO | gif | 37x16 | |
| |
%ICON{updated}%, %U% |
UPDATED | gif | 55x16 | |
| |
%ICON{done}% |
DONE | gif | 37x16 | |
| |
%ICON{closed}% |
CLOSED | gif | 48x16 | |
| |
%ICON{processing}% |
Processing | gif | 16x16 | |
| |
%ICON{processing-bg}% |
Processing, transparent | gif | 16x16 | |
| |
%ICON{processing-32}% |
Processing | gif | 32x32 | |
| |
%ICON{processing-32-bg}% |
Processing, transparent | gif | 32x32 | |
| |
%ICON{processing-bar}% |
Processing bar | gif | 92x16 | |
| |
%ICON{processing-bar-wide}% |
Processing bar, wide | gif | 124x12 | |
| |
%ICON{minus}% |
Minus | gif | 16x16 | |
| |
%ICON{plus}% |
Plus | gif | 16x16 | |
| |
%ICON{close}% |
Close | gif | 16x16 | |
| |
%ICON{choice-cancel}% |
Cancel | gif | 16x16 | |
| |
%ICON{choice-no}% |
No | gif | 16x16 | |
| |
%ICON{choice-yes}%, %Y% |
Yes / Done | gif | 16x16 | |
| |
%ICON{unchecked}% |
Unchecked checkbox | gif | 16x16 | |
| |
%ICON{checked}% |
Checked checkbox | gif | 16x16 | |
| |
%ICON{unchecked-square}% |
Unchecked checkbox, square | gif | 16x16 | |
| |
%ICON{checked-square}% |
Checked checkbox, square | gif | 16x16 | |
| |
%ICON{unchecked-round}% |
Unchecked checkbox, round | gif | 16x16 | |
| |
%ICON{checked-round}% |
Checked checkbox, round | gif | 16x16 | |
| |
%ICON{flag}% |
Flag | gif | 16x16 | |
| |
%ICON{flag-gray}% |
Gray flag | gif | 16x16 | |
| |
%ICON{flag-gray-small}% |
Small gray flag | gif | 13x13 | |
| |
%ICON{led-aqua}% |
Aqua led | gif | 16x16 | |
| |
%ICON{led-blue}% |
Blue led | gif | 16x16 | |
| |
%ICON{led-gray}% |
Gray led | gif | 16x16 | |
| |
%ICON{led-green}% |
Green led | gif | 16x16 | |
| |
%ICON{led-orange}% |
Orange led | gif | 16x16 | |
| |
%ICON{led-purple}% |
Purple led | gif | 16x16 | |
| |
%ICON{led-red}% |
Red led | gif | 16x16 | |
| |
%ICON{led-yellow}% |
Yellow led | gif | 16x16 | |
| |
%ICON{led-box-aqua}% |
Aqua led | gif | 16x16 | |
| |
%ICON{led-box-blue}% |
Blue led | gif | 16x16 | |
| |
%ICON{led-box-gray}% |
Gray led | gif | 16x16 | |
| |
%ICON{led-box-green}% |
Green led | gif | 16x16 | |
| |
%ICON{led-box-orange}% |
Orange led | gif | 16x16 | |
| |
%ICON{led-box-purple}% |
Purple led | gif | 16x16 | |
| |
%ICON{led-box-red}% |
Red led | gif | 16x16 | |
| |
%ICON{led-box-yellow}% |
Yellow led | gif | 16x16 | |
| |
%ICON{tag}% |
Tag | gif | 16x16 | |
| |
%ICON{tag-blue}% |
Blue tag | gif | 16x16 | |
| |
%ICON{tag-brown}% |
Brown tag | gif | 16x16 | |
| |
%ICON{tag-green}% |
Green tag | gif | 16x16 | |
| |
%ICON{tag-magenta}% |
Magenta tag | gif | 16x16 | |
| |
%ICON{tag-orange}% |
Orange tag | gif | 16x16 | |
| |
%ICON{tag-purple}% |
Purple tag | gif | 16x16 | |
| |
%ICON{tag-red}% |
Red tag | gif | 16x16 | |
| |
%ICON{tag-yellow}% |
Yellow tag | gif | 16x16 |
Navigation icons
| Variable | Description | Type | Size | Alias | |
|---|---|---|---|---|---|
| |
%ICON{home}% |
Home | gif | 16x16 | |
| |
%ICON{sitemap}% |
Site map | gif | 16x16 | |
| |
%ICON{sitetree}% |
Site tree | gif | 16x16 | |
| |
%ICON{topicbacklinks}% |
Topic back-links | gif | 16x16 | |
| |
%ICON{arrowdot}% |
Meet here | gif | 16x16 | |
| |
%ICON{external}% |
External site | gif | 16x16 | |
| |
%ICON{left}% |
Left | gif | 16x16 | |
| |
%ICON{right}% |
Right | gif | 16x16 | |
| |
%ICON{up}% |
Up | gif | 16x16 | |
| |
%ICON{down}% |
Down | gif | 16x16 | |
| |
%ICON{arrowbleft}% |
Arrow blue left | gif | 16x16 | |
| |
%ICON{arrowbright}% |
Arrow blue right | gif | 16x16 | |
| |
%ICON{arrowbup}% |
Arrow blue up | gif | 16x16 | |
| |
%ICON{arrowbdown}% |
Arrow blue down | gif | 16x16 | |
| |
%ICON{arrowleft}% |
Arrow left | gif | 16x16 | |
| |
%ICON{arrowright}%, %M% |
Arrow right | gif | 16x16 | |
| |
%ICON{arrowup}% |
Arrow up | gif | 16x16 | |
| |
%ICON{arrowdown}% |
Arrow down | gif | 16x16 | |
| |
%ICON{go_start}% |
Go to start | gif | 16x16 | |
| |
%ICON{go_fb}% |
Go fast back | gif | 16x16 | |
| |
%ICON{go_back}% |
Go back | gif | 16x16 | |
| |
%ICON{go_forward}% |
Go forward | gif | 16x16 | |
| |
%ICON{go_ff}% |
Go fast forward | gif | 16x16 | |
| |
%ICON{go_end}% |
Go to end | gif | 16x16 | |
| |
%ICON{menu-down}% |
Menu dropdown | gif | 14x16 | |
| |
%ICON{menu-right}% |
Menu arrow right | gif | 10x16 |
Interface icons
| Variable | Description | Type | Size | Alias | |
|---|---|---|---|---|---|
| |
%ICON{monospace}% |
Monospace | gif | 16x16 | |
| |
%ICON{proportional}% |
Proportional | gif | 16x16 | |
| |
%ICON{tablesortdiamond}% |
Sort table | gif | 11x13 | |
| |
%ICON{tablesortdown}% |
Sort table descending | gif | 11x13 | |
| |
%ICON{tablesortup}% |
Sort table ascending | gif | 11x13 | |
| |
%ICON{toggleopen}% |
Open toggle, Twisty open toggle | gif | 16x16 | |
| |
%ICON{toggleclose}% |
Close toggle, Twisty close toggle | gif | 16x16 | |
| |
%ICON{toggleopen-small}% |
Open toggle, Twisty open toggle | gif | 16x16 | |
| |
%ICON{toggleclose-small}% |
Close toggle, Twisty close toggle | gif | 16x16 | |
| |
%ICON{toggleopen-mini}% |
Open toggle, Twisty open toggle | gif | 7x9 | |
| |
%ICON{toggleclose-mini}% |
Close toggle, Twisty close toggle | gif | 7x9 | |
| |
%ICON{toggleopenleft}% |
Open toggle, Twisty open toggle | gif | 16x16 | |
| |
%ICON{toggleopenleft-small}% |
Open toggle, Twisty open toggle | gif | 16x16 | |
| |
%ICON{remove}% |
Remove button, small | gif | 12x12 | |
| |
%ICON{web-bg}% |
Web background | gif | 16x16 | |
| |
%ICON{web-bg-small}% |
Web background | gif | 13x13 |
TWiki icons
| Variable | Description | Type | Size | Alias | |
|---|---|---|---|---|---|
| |
%ICON{addon}% |
Add-on | gif | 16x16 | |
| |
%ICON{application}% |
Application | gif | 16x16 | |
| |
%ICON{code}% |
Code | gif | 16x16 | |
| |
%ICON{package}% |
Package | gif | 16x16 | |
| |
%ICON{plugin}% |
Plugin | gif | 16x16 | |
| |
%ICON{tag}% |
Tag | gif | 16x16 | |
| |
%ICON{searchpackage}% |
Search package | gif | 16x16 | |
| |
%ICON{searchtag}% |
Search tag | gif | 16x16 | |
| |
%ICON{skin}% |
Skin | gif | 16x16 | |
| |
%ICON{twiki}% |
TWiki logo | gif | 16x16 | |
| |
%ICON{twiki-alert}% |
TWiki Alert | gif | 16x16 | |
| |
%ICON{twiki-gray}% |
TWiki logo, gray scale | gif | 16x16 | |
| |
%ICON{twiki-irc}% |
TWiki Internet Relay Chat logo | gif | 16x16 |
Block graphics
| Variable | Description | Type | Size | Alias | |
|---|---|---|---|---|---|
| |
%ICON{line_ld}% |
Line graph left-down | gif | 16x16 | |
| |
%ICON{line_lr}% |
Line graph left-right | gif | 16x16 | |
| |
%ICON{line_lrd}% |
Line graph left-right-down | gif | 16x16 | |
| |
%ICON{line_rd}% |
Line graph right-down | gif | 16x16 | |
| |
%ICON{line_ud}% |
Line graph up-down | gif | 16x16 | |
| |
%ICON{line_udl}% |
Line graph up-down-left | gif | 16x16 | |
| |
%ICON{line_udlr}% |
Line graph up-down-left-right | gif | 16x16 | |
| |
%ICON{line_udr}% |
Line graph up-down-right | gif | 16x16 | |
| |
%ICON{line_ul}% |
Line graph up-left | gif | 16x16 | |
| |
%ICON{line_ulr}% |
Line graph up-left-right | gif | 16x16 | |
| |
%ICON{line_ur}% |
Line graph up-right | gif | 16x16 | |
| |
%ICON{line_ur_gray}% |
Line graph up-right, gray | gif | 16x16 | |
| |
%ICON{dot_ld}% |
Dot graph left-down | gif | 16x16 | |
| |
%ICON{dot_lr}% |
Dot graph left-right | gif | 16x16 | |
| |
%ICON{dot_lrd}% |
Dot graph left-right-down | gif | 16x16 | |
| |
%ICON{dot_rd}% |
Dot graph right-down | gif | 16x16 | |
| |
%ICON{dot_ud}% |
Dot graph up-down | gif | 16x16 | |
| |
%ICON{dot_udl}% |
Dot graph up-down-left | gif | 16x16 | |
| |
%ICON{dot_udlr}% |
Dot graph up-down-left-right | gif | 16x16 | |
| |
%ICON{dot_udr}% |
Dot graph up-down-right | gif | 16x16 | |
| |
%ICON{dot_ul}% |
Dot graph up-left | gif | 16x16 | |
| |
%ICON{dot_ulr}% |
Dot graph up-left-right | gif | 16x16 | |
| |
%ICON{dot_ur}% |
Dot graph up-right | gif | 16x16 | |
| |
%ICON{empty}% |
Empty transparent 16x16 spacer | gif | 16x16 | |
| |
%ICON{parent_gray}% |
Parent arrow | gif | 16x16 |
Filetype icons
Filetype icons are used by the attachment table and are seldom used in topics. Write %ICON{pdf}% to show the icon.
| Variable | Description | Type | Size | Alias | |
|---|---|---|---|---|---|
| |
%ICON{as}% |
ActionScript | gif | 16x16 | |
| |
%ICON{air}% |
Adobe Air | gif | 16x16 | |
| |
%ICON{bat}% |
MS-DOS batch file | gif | 16x16 | cmd |
| |
%ICON{bmp}% |
Bitmap | gif | 16x16 | ico, xbm |
| |
%ICON{c}% |
C source code file | gif | 16x16 | cpp |
| |
%ICON{css}% |
Cascading Style Sheet file | gif | 16x16 | |
| |
%ICON{dll}% |
Dynamic Linked Library; Microsoft application file | gif | 16x16 | |
| |
%ICON{doc}% |
Microsoft Word file | gif | 16x16 | rtf |
| |
%ICON{else}% |
Unknown file format | gif | 16x16 | |
| |
%ICON{eml}% |
Microsoft Outlook e-mail file | gif | 16x16 | |
| |
%ICON{exe}% |
Microsoft Executable file | gif | 16x16 | |
| |
%ICON{fla}% |
Macromedia Flash Movie | gif | 16x16 | |
| |
%ICON{fon}% |
Windows bitmapped font file | gif | 16x16 | |
| |
%ICON{gif}% |
GIF | gif | 16x16 | pcx |
| |
%ICON{h}% |
Header file | gif | 16x16 | |
| |
%ICON{hlp}% |
Standard help file | gif | 16x16 | |
| |
%ICON{html}% |
HTML | gif | 16x16 | htm, shtml |
| |
%ICON{java}% |
Java source code file | gif | 16x16 | class |
| |
%ICON{jpg}% |
JPEG | gif | 16x16 | jfif, jpe, jpeg |
| |
%ICON{js}% |
JavaScript | gif | 16x16 | jse |
| |
%ICON{mdb}% |
Microsoft Access database File | gif | 16x16 | mda, mde |
| |
%ICON{mov}% |
Quicktime movie | gif | 16x16 | avi, m1v, mp4, mpa, mpe, mpeg, mpegv, mpg, mpv, mpv2, vbs |
| |
%ICON{mp3}% |
MP3 | gif | 16x16 | |
| |
%ICON{pdf}% |
gif | 16x16 | ||
| |
%ICON{pl}% |
Perl source code file | gif | 16x16 | perl, pm |
| |
%ICON{png}% |
PNG | gif | 16x16 | tif, tiff |
| |
%ICON{ppt}% |
PowerPoint | gif | 16x16 | pot, ppa, pps, pwz |
| |
%ICON{ps}% |
Postscript | gif | 16x16 | |
| |
%ICON{psd}% |
Photoshop document | gif | 16x16 | |
| |
%ICON{py}% |
Python source code file | gif | 16x16 | |
| |
%ICON{ram}% |
RealAudio | gif | 16x16 | ra, rm |
| |
%ICON{reg}% |
Registry file | gif | 16x16 | |
| |
%ICON{sh}% |
Unix shell script | gif | 16x16 | |
| |
%ICON{sniff}% |
sniff | gif | 16x16 | |
| |
%ICON{svg}% |
SVG (Scalable Vector Graphics) | gif | 16x16 | |
| |
%ICON{swf}% |
SWF (Shockwave Flash) | gif | 16x16 | |
| |
%ICON{ttf}% |
True Type font | gif | 16x16 | pfm |
| |
%ICON{txt}% |
Text | gif | 16x16 | inf, ini, text |
| |
%ICON{vector}% |
Generic vector | gif | 16x16 | |
| |
%ICON{vsd}% |
Visio document | gif | 16x16 | |
| |
%ICON{wav}% |
Waveform sound file | gif | 16x16 | abs, aif, aiff, au, mid, mp2, mp3, mpega, rmi |
| |
%ICON{wri}% |
Windows Write | gif | 16x16 | |
| |
%ICON{xls}% |
Microsoft Excel Spreadsheet | gif | 16x16 | xla, xlb, xlc, xld, xlk, xll, xlm, xlt, xlw |
| |
%ICON{xml}% |
XML | gif | 16x16 | |
| |
%ICON{xsl}% |
XSL (XML style sheet) | gif | 16x16 | |
| |
%ICON{zip}% |
Compressed Zip archive | gif | 16x16 | arc, arj, b64, bhx, cab, hqx, lzh, mim, tar, taz, tgz, tz, z |
Extended Usage
There are several other ways to put an image in a topic:ICON Variable
Use any of the doc graphics defined in TWiki05x01.TWikiDocGraphics, Main.SiteDocGraphics. The ICON variable supports these parameters:| Parameter: | Description: | Default: |
|---|---|---|
"name" |
Name of icon | required |
format="..." |
Format of icon. Supported variables (using %ICON{"person"}% as example): • $name - name of icon (person) • $type - type of icon (gif) • $filename - icon filename (person.gif) • $web - web where icon is defined (TWiki) • $topic - topic where icon is defined (TWikiDocGraphics) • $description - icon description (Person) • $width - width of icon (16) • $height - height of icon (16) • $img - full img tag of icon (<img src="... />) • $info - img tag with usage info in title (<img src="... />) • $url - URL of icon (http://example.com/pub/TWiki/TWikiDocGraphics/person.gif) • $urlpath - URL path of icon (/pub/TWiki/TWikiDocGraphics/person.gif) |
format="$img" |
default="else" |
Alternate icon if named icon is not defined | default="$name" |
/home/sweet/home.pdf.
Examples:
-
%ICON{"flag-gray"}%returns:
-
%ICON{"pdf"}%returns:
-
%ICON{"smile.pdf"}%returns:
-
%ICON{"/dont/you/dare/smile.pdf"}%returns:
-
%ICON{"http://twiki.org/doc/xhtml.xsl"}%returns:
-
%ICON{"bubble" format="$description icon is defined in [[$web.$topic]]"}%returns: Speech bubble icon is defined in TWiki05x01.TWikiDocGraphics
ICONURL Variable
Whereas the ICON variable returns an HTML img tag by default, the ICONURL variable returns just the URL of a doc graphic image. For example,%ICONURL{"thumbs-up"}% is a shortcut for %ICON{"thumbs-up" format="$url"}%, returning http://www.twiki.org/p/pub/TWiki05x01/TWikiDocGraphics/thumbs-up.gif, which renders as 
.
ICONURLPATH Variable
The ICONURLPATH variable returns just the URL path of a doc graphic image. For example,%ICONURLPATH{"thumbs-up"}% is a shortcut for %ICON{"thumbs-up" format="$urlpath"}%, rendering as /p/pub/TWiki05x01/TWikiDocGraphics/thumbs-up.gif.
Icon shortcuts with preferences settings
In Main.TWikiPreferences set a variable to an ICON, for example: * Set H = %ICON{help}%
Now you can use the icon by writing %H%
Emoticons in SmiliesPlugin
The SmiliesPlugin uses a different shorthand than%VARIABLES%. For example, :-) renders as 
Links with icons
To create a link with an image, write:[[WebHome][%ICON{home}% Home]] to get: Home
To get rid of the underline under the space, write: [[WebHome][%ICON{home}%]] [[WebHome][Home]] to get: Home
List all icons
| Format: | List all icons, including aliases: |
List unique icons only: | Example: |
|---|---|---|---|
| Name list, comma-space delimited: |
%ICON{list:all-names}% |
%ICON{list:unique-names}% |
addon, air, airplane, ... |
| Icon list: | %ICON{list:all-icons}% |
%ICON{list:unique-icons}% |
... |
| Info list, icons with usage info: |
%ICON{list:all-info}% |
%ICON{list:unique-info}% |
... |
| Detailed list, table format: |
%ICON{list:all-table}% |
%ICON{list:unique-table}% |
(similar to table format above) |
Hint: The $LIST...() functions of the SpreadSheetPlugin can be used to manipulate a name list. Example:
%CALC{$LISTJOIN($sp, $LISTMAP($NOP(%)ICON{$item}$NOP(%), %ICON{list:unique-names}%))}%
Is equivalent to:
%ICON{list:unique-icons}%
How to add doc graphic images
Additional doc graphic images can be defined. Do not add them to this topic because the modifications will be lost on the next TWiki upgrade. Instead add them to Main.SiteDocGraphics. Note: Documentation graphics are defined in TWiki05x01.TWikiDocGraphics, Main.SiteDocGraphics. The list of documentation graphics topics is defined by the ICONTOPIC setting in TWiki05x01.TWikiPreferences and can be overloaded in Main.TWikiPreferences.Refresh icon cache
TWiki caches icons for performance. The cache gets updated automatically when you update TWikiDocGraphics topics or TWikiPreferences topics. You can force a cache refresh with%ICON{action:refresh-cache}%.
Interactive example: Refresh ICON cache.
License, Copyright and Work
This TWiki Documentation Graphics library is Copyright © 2007-2012 TWiki Contributors. Most icons on this page are designed by TWiki:Main.PeterThoeny. Many of the original icons were recreated by TWiki:Main.ArthurClemens. The TWiki Documentation Graphics library by TWiki.org is licensed under the GPL 2.0 (GNU General Public License).
Comments & Questions about this Distribution Document Topic
Usage? Hey Mike, I saw you adding these things on recently - looks nice... We've done similar things with some of our webs, but rather than having lots of entries on the WebPreferences page, we tend to do this instead:- Set PICTURE = http://www.twiki.org/p/pub/TWiki/WebDiagrams
- %PICTURE%/some-random-picture.gif
This is a minor experiment, for a very few frequently used symbols. By defining each icon individually in WebPreferences, they can have really short variable names:
-
%X%= - eXclamation [ALERT!]
-
%H%= - [HELP]
-
%T%= - [TIP]
% signs are a bit awkward. The SmiliesPlugin, using colons - : - should be easier to type. Just substitute or add icons... Dunno if performance or short-term compatibility are current considerations. Hope the TopicVarsPlugin is friendly, works well. Being able to create libraries including variables, self-contained in topics would be great. -- MikeMannix - 16 May 2002
-- MikeMannix - 27 Dec 2001
Can we get rid of the 8831 gif? I also removed the "Set TLS" variable declaration in my WebPreferences.
-- JonReid - 09 Feb 2002
- It's not the prettiest thing. And the top edge highlight makes it look less than straight... I respectfully requested "Powered by TWiki" logos in the hi-rez face, 88x31, 48x48, couple others. Actually, an even smaller logo than 88x31 to place in the bottom (right side?) would be a good way to brand every page in a way that people probably wouldn't DELETE. BTW, why don't you like it? -- MikeMannix - 16 May 2002
%GRAPHIC{"stargold" width="16" height="16"}%
and it would be expanded to <img src="%PUBURL%/TWiki/TWikiDocGraphics/stargold.gif" alt="stargold.gif" width="16" height="16" />. In fact since the width and height of most graphics are 16x16 they could be the default values and they would onlt need to be specified if they are different, i.e. %GRAPHIC{"stargold"}% and %GRAPHIC{"todo" width="40" height="8"}%.
-- SamHasler - 11 Feb 2005
Good idea to show how to use the images. I changed it a bit since the table was getting rather wide, especially with the pattern skin's sidebar. The icons are now clickable, when clicked, the example on top changes to the selected icon. The example also shows preferences shortcuts, example 
.
-- PeterThoeny - 13 Feb 2005
Hey, that's great!
I wasn't happy with it myself and thought it might get changed back.
That's a neat solution.
I fixed the dot image links, their examples were showing the line images.
-- SamHasler - 13 Feb 2005
Well spotted, thanks Sam!
-- PeterThoeny - 13 Feb 2005
Added variable %C% to TWikiPreferences for the closed icon TravisBarker add at his request.
-- SamHasler - 26 Aug 2005
I have redone the CLOSED image as a GIF which is somewhat better readable.
-- PeterThoeny - 26 Aug 2005
And I've moved the shortcut from TWikiPreferences to Codev.WebPreferences.
-- SamHasler - 26 Aug 2005
I think this powered bottons colection can be useful for some people (and it can use the Dakar %ICON{...}% variable): 
-- PeterThoeny - 08 Nov 2005
The official released version of this page (TWikiDocGraphics) pointed me to this page for updating the docs ... but this seems to be very outdated. I wanted to contribute a Visio icon (vsd.gif) that is missing, but I don't know where to post it.
-- PankajPant - 25 May 2007
create a new bug report and attach the icon there, please. we'll need the bug report in order to check the icon into svn should it be accepted. thanks!
-- WillNorris - 25 May 2007
Pankaj, post it here and I can twikinize it and take it into the icon collection.
-- ArthurClemens - 25 May 2007
Here you go: 
-- PankajPant - 28 May 2007
I have added your icon to the svn repository.
-- ArthurClemens - 17 Jun 2007
