TWiki Documentation Graphics

This is one way to create a library of common icons, accessible through user-defined TWikiVariables set in WebPreferences, or in TWikiPreferences for site-wide use.

There are other approaches as well:

• In any topic, write %PUBURL%/%TWIKIWEB%/TWikiDocGraphics/help.gif to show the icon
• The TWiki:Plugins/TopicVarsPlugin lets you set variables in any topic, not just in WebPreferences, for use in the same topic
• The TWiki:Plugins/SmiliesPlugin, using a different short hand than %VARIABLES%, may be worth checking out for extended use
• Related: TWiki's FileAttachments show their own icons for many different file types. As documented in TWikiVariables, write %ICON{"pdf"}% to show the icon

In this example, TWikiDocGraphics - this topic - acts as the icon library. Graphics are uploaded and displayed. Then, the paths are set in TWiki.TWikiPreferences#DocGraphics for site-wide access. You can also create individual library pages in each web. And you don't have to restrict yourself to graphics: Preferences Variables can include text and links to any type of file.

Icon	File Name	Comment
	help.gif	Help
	note.gif	Note
	bubble.gif	Speech bubble
	tip.gif	Tip / Idea
	warning.gif	Warning / Important
	stop.gif	Stop
	target.gif	Blue target
	gear.gif	Gear
	wrench.gif	Wrench
	pencil.gif	Refactor / Edit
	choice-yes.gif	Yes / Done
	choice-no.gif	No
	choice-cancel.gif	Cancel
	updated.gif	Updated
	new.gif	New
	starred.gif	Highlight (positive)
	stargold.gif	Favorites (gold star)
	hand.gif	Pointing hand
	arrowleft.gif	Arrow red left
	arrowright.gif	Arrow red right
	arrowup.gif	Arrow red up
	arrowdown.gif	Arrow red down
	arrowbleft.gif	Arrow blue left
	arrowbright.gif	Arrow blue right
	arrowbup.gif	Arrow blue up
	arrowbdown.gif	Arrow blue down
	arrowdot.gif	Meet here (arrows to red dot)
	go_start.gif	Go start
	go_fb.gif	Go fast back
	go_back.gif	Go back
	go_forward.gif	Go forward
	go_ff.gif	Go fast forward
	go_end.gif	Go end
	wip.gif	Work in progress
	rfc.gif	Request for comments
	days.gif	Days
	hourglass.gif	Hour glass
	watch.gif	Watch
	globe.gif	Globe
	home.gif	Home
	group.gif	Group
	person.gif	Person
	persons.gif	Persons
	lock.gif	Lock
	folder.gif	Folder
	lockfolder.gif	Locked folder
	lockfoldergray.gif	Locked folder, gray
	locktopic.gif	Locked topic
	locktopicgray.gif	Locked topic, gray
	refreshtopic.gif	Refresh topic
	viewtopic.gif	View topic
	edittopic.gif	Edit topic
	topicdiffs.gif	Topic difference
	topicbacklinks.gif	Topic back-links
	newtopic.gif	New topic
	searchtopic.gif	Search topic
	statistics.gif	Statistics
	index.gif	Index
	indexlist.gif	Index list
	cachetopic.gif	Cache topic
	printtopic.gif	Print topic
	attachfile.gif	Attach file
	recentchanges.gif	Recent changes
	changes.gif	Changes
	notify.gif	Notify
	mail.gif	Mail
	trash.gif	Trash
	rss-feed.gif	RSS feed 36x14
	xml-feed.gif	RSS feed 36x14
	empty.gif	Empty transparent 16x16 spacer
	line_ud.gif	Line graph up-down
	line_lr.gif	Line graph left-right
	line_udlr.gif	Line graph up-down-left-right
	line_ur.gif	Line graph up-right
	line_rd.gif	Line graph right-down
	line_ld.gif	Line graph left-down
	line_ul.gif	Line graph up-left
	line_udr.gif	Line graph up-down-right
	line_lrd.gif	Line graph left-right-down
	line_udl.gif	Line graph up-down-left
	line_ulr.gif	Line graph up-left-right
	dot_ud.gif	Dot graph up-down
	dot_lr.gif	Dot graph left-right
	dot_udlr.gif	Dot graph up-down-left-right
	dot_ur.gif	Dot graph up-right
	dot_rd.gif	Dot graph right-down
	dot_ld.gif	Dot graph left-down
	dot_ul.gif	Dot graph up-left
	dot_udr.gif	Dot graph up-down-right
	dot_lrd.gif	Dot graph left-right-down
	dot_udl.gif	Dot graph up-down-left
	dot_ulr.gif	Dot graph up-left-right

-- TWiki:Main.PeterThoeny - 06 Aug 2025
-- TWiki:Main.MikeMannix - 16 May 2025
to top