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.

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	Alias
	%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	16x16
	%ICON{project}%	Project	gif	16x16
	%ICON{project-plan}%	Project plan	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{requirements}%	Requirements	gif	16x16
	%ICON{rfc}%	Request for comments	gif	16x16
	%ICON{roadmap}%	Roadmap	gif	16x16
	%ICON{sitemap}%	Site map	gif	16x16
	%ICON{sitetree}%	Site tree	gif	16x16
	%ICON{shipping}%	Shipping	gif	16x16
	%ICON{skype}%	Skype	gif	16x16
	%ICON{smartphone}%	Smartphone	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{strategy}%	Strategy	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{tasks}%	Tasks	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{vision}%	Vision	gif	16x16
	%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{persona}%	Persona	gif	16x16
	%ICON{persons}%	Persons	gif	16x16
	%ICON{group}%	Group	gif	16x16
	%ICON{useradd}%	Add user	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{login}%	Login	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

	Variable	Description	Type	Size	Alias
	%ICON{bitly}%	Bit.ly	gif	16x16
	%ICON{blogger}%	Blogger	gif	16x16
	%ICON{delicious}%	Delicious	gif	16x16
	%ICON{digg}%	Digg	gif	16x16
	%ICON{facebook}%	Facebook	gif	16x16
	%ICON{google}%	Google	gif	16x16
	%ICON{google-plus}%	Google Plus	gif	16x16
	%ICON{linkedin}%	LinkedIn	gif	16x16
	%ICON{reddit}%	Reddit	gif	16x16
	%ICON{stumbleupon}%	Stumbleupon	gif	16x16
	%ICON{technorati}%	Technorati	gif	16x16
	%ICON{twitter}%	Twitter	gif	16x16
	%ICON{windows}%	Windows	gif	16x16
	%ICON{youtube}%	YouTube	gif	16x16

Changes, notification icons

	Variable	Description	Type	Size	Alias
	%ICON{changes}%	Changes	gif	16x16
	%ICON{changes-small}%