Tags:
, view all tags

TWiki Documentation Graphics and File Type Icons

This is the TWiki icon library. The graphics can be used in topics and by web applications. Doc graphics are defined at TWiki.TWikiDocGraphics.

Contents:

Usage

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

All icons at a glance

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

action-item addon air airplane analyze application arrowbdown arrowbleft arrowbright arrowbup arrowdot arrowdown arrowleft arrowright arrowup as attachfile award barcode bat bed bitly blank blank-bg blogger bmp bomb book bridge bubble bug building buildings c cachetopic calculator changes changes-small chart-bar chart-pie checked checked-round checked-square choice-cancel choice-no choice-yes clipboard clock close closed code color-wheel color-wheel-bg comments connections control-panel counter c css dashboard database days delegate delicious digg dll doc doc done dot_ld dot_lr dot_lrd dot_rd dot_ud dot_udl dot_udlr dot_udr dot_ul dot_ulr dot_ur down download edittable edittopic else eml empty exe external external-link facebook factory fax feed filter first-class fla flag flag-gray flag-gray-small folder fon food gear gif globe go_back go_end go_fb go_ff go_forward go_start goal google google-plus graduation group h hand heart help help-close help-open help-video hlp home hourglass html index indexlist info java jpg js js key led-aqua led-bg led-blue led-box-aqua led-box-blue led-box-gray led-box-green led-box-orange led-box-purple led-box-red led-box-yellow led-cup-aqua led-cup-blue led-cup-gray led-cup-gray-close led-cup-gray-minus led-cup-gray-plus led-cup-green led-cup-green-plus led-cup-orange led-cup-purple led-cup-red led-cup-red-close led-cup-yellow led-cup-yellow-minus led-gray led-green led-orange led-purple led-red led-yellow left legal line_ld line_lr line_lrd line_rd line_ud line_udl line_udlr line_udr line_ul line_ulr line_ur line_ur_gray linkedin lock lock-open lockfolder lockfoldergray locktopic locktopicgray login logout luggage mail map mdb mechanics meeting megaphone menu-down menu-right milestone minus mission mobile mobile-carrier monospace more more-small mov move new newtopic node-minus node-minus_r node-minus_udr node-minus_ur node-plus node-plus_r node-plus_udr node-plus_ur note notify opportunity xps package parent_gray parked parts pdf pencil person persona persons phone phone-extension phone-toll-free photo pick pl plug plugin plus png ppt ppt presentation printtopic process processing processing-32 processing-32-bg processing-bar processing-bar-wide processing-bg profile project project-plan proportional ps psd puzzle py qrcode question quiet radioactive ram recentchanges reddit refreshtopic reg reload reload-green remove request requirements rfc right roadmap rss rss-feed rss-small save search-small searchpackage searchtag searchtopic see-also sh shipping html sitemap sitetree skin skype smartphone sms sniff socket sort star-full star-half star-none stargold starred statistics stop strategy stumbleupon support svg swf switch switch-off switch-on table tablesortdiamond tablesortdown tablesortup tag tag-blue tag-brown tag-green tag-magenta tag-orange tag-purple tag-red tag-yellow target target-blue target-gray target-green target-orange target-red tasks technorati thumbs-down thumbs-up tip todo toggleclose toggleclose-mini toggleclose-small toggleopen toggleopen-mini toggleopen-small toggleopenleft toggleopenleft-small toolbox tooth topicbacklinks topicdiffs topmenu traffic-light trash ttf twiki twiki-alert twiki-gray twiki-help twiki-irc twitter txt unchecked unchecked-round unchecked-square up updated useractive useradd userinactive uweb-bo uweb-bo12 uweb-g uweb-gs uweb-m12 uweb-o uweb-o12 uweb-o14 uweb-oo uweb-os vcard vector video viewtopic vision vsd vsd warning watch watchlist wav web-bg web-bg-small windows wip wrench wri xls xls xmind xml xml-feed xml-small xps xsl ying-yang youtube zip

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).

Note Document icons

 Sorted ascending Variable Description Type Size Alias
Airplane %ICON{airplane}% Airplane gif 16x16  
Award %ICON{award}% Award gif 16x16  
Bar chart %ICON{chart-bar}% Bar chart gif 16x16  
Barcode %ICON{barcode}% Barcode gif 16x16  
Bed %ICON{bed}% Bed gif 16x16  
Blank box %ICON{blank}% Blank box gif 16x16  
Blank box, transparent %ICON{blank-bg}% Blank box, transparent gif 16x16  
Bomb %ICON{bomb}% Bomb gif 16x16  
Book %ICON{book}% Book gif 16x16  
Bug %ICON{bug}% Bug gif 16x16  
Comments %ICON{comments}% Comments gif 16x16  
Connections %ICON{connections}% Connections gif 16x16  
Database %ICON{database}% Database gif 16x16  
Days, Calendar %ICON{days}% Days, Calendar gif 16x16  
Download %ICON{download}% Download gif 16x16  
Fax %ICON{fax}% Fax gif 16x16  
Filter %ICON{filter}% Filter gif 16x16  
Food %ICON{food}% Food gif 16x16  
Gear %ICON{gear}% Gear gif 16x16  
Globe %ICON{globe}% Globe gif 16x16  
Gold star, favorites %ICON{stargold}% Gold star, favorites gif 16x16  
Graduation %ICON{graduation}% Graduation gif 16x16  
Heart %ICON{heart}% Heart gif 16x16  
Help %ICON{help}%, %H% Help gif 16x16  
Hourglass %ICON{hourglass}% Hour glass (clock) gif 16x16  
Info %ICON{info}% Info gif 16x16  
Legal %ICON{legal}% Legal gif 16x16  
Luggage %ICON{luggage}% Luggage gif 16x16  
Map %ICON{map}% Map gif 16x16  
Mechanics %ICON{mechanics}% Mechanics gif 16x16  
Meeting %ICON{meeting}% Meeting gif 16x16  
Megaphone %ICON{megaphone}% Megaphone gif 16x16  
Mobile %ICON{mobile}% Mobile gif 16x16  
Move %ICON{move}% Move gif 16x16  
Note %ICON{note}% Note gif 16x16  
Parked %ICON{parked}% Parked gif 16x16  
Parts %ICON{parts}% Parts gif 16x16  
Pencil %ICON{pencil}%, %P% Pencil gif 16x16  
Phone %ICON{phone}% Phone gif 16x16  
Photo %ICON{photo}% Photo gif 13x10  
Pie chart %ICON{chart-pie}% Pie chart gif 16x16  
Plug %ICON{plug}% Plug gif 16x16  
Pointing hand %ICON{hand}% Pointing hand gif 16x16  
Presentation %ICON{presentation}% Presentation gif 16x16  
Process %ICON{process}% Process gif 16x16  
Profile %ICON{profile}% Profile gif 16x16  
Puzzle %ICON{puzzle}% Puzzle gif 16x16  
Question %ICON{question}% Question gif 16x16  
Quiet %ICON{quiet}% Quiet gif 16x16  
Radioactive %ICON{radioactive}% Radioactive gif 16x16  
Read more %ICON{more}% Read more gif 16x16  
Read more %ICON{more-small}% Read more gif 13x13  
Red star, highlight %ICON{starred}%, %S% Red star, highlight gif 16x16  
Request for comments %ICON{rfc}% Request for comments gif 16x16  
Site map %ICON{sitemap}% Site map gif 16x16  
Site tree %ICON{sitetree}% Site tree gif 16x16  
Skype %ICON{skype}% Skype gif 16x16  
Socket %ICON{socket}% Socket gif 16x16  
Sort %ICON{sort}% Sort gif 16x16  
Speech bubble %ICON{bubble}% Speech bubble gif 16x16  
Star (full) %ICON{star-full}% Star (full) gif 16x16  
Star (half) %ICON{star-half}% Star (half) gif 16x16  
Star (none) %ICON{star-none}% Star (none) gif 16x16  
Statistics %ICON{statistics}% Statistics gif 16x16  
Stop %ICON{stop}% Stop gif 16x16  
Support %ICON{support}% Support gif 16x16  
Switch %ICON{switch}% Switch gif 16x16  
Target %ICON{target}% Target gif 16x16  
Target - blue %ICON{target-blue}% Target - blue gif 16x16  
Target - gray %ICON{target-gray}% Target - gray gif 16x16  
Target - green %ICON{target-green}% Target - green gif 16x16  
Target - orange %ICON{target-orange}% Target - orange gif 16x16  
Target - red %ICON{target-red}% Target - red gif 16x16  
Thumbs-down %ICON{thumbs-down}% Thumbs-down gif 16x16  
Thumbs-up %ICON{thumbs-up}% Thumbs-up gif 16x16  
Tip, idea %ICON{tip}%, %T% Tip, idea gif 16x16  
Toolbox %ICON{toolbox}% Toolbox gif 16x16  
Tooth %ICON{tooth}% Tooth gif 16x16  
Traffic light %ICON{traffic-light}% Traffic light gif 16x16  
VCard %ICON{vcard}% VCard gif 16x16  
Video %ICON{video}% Video gif 13x10  
Warning, important %ICON{warning}%, %X% Warning, important gif 16x16  
Watch %ICON{watch}% Watch gif 16x16  
Work in progress, under construction %ICON{wip}% Work in progress, under construction gif 16x16  
Wrench, tools %ICON{wrench}% Wrench, tools gif 16x16  
Ying Yang %ICON{ying-yang}% Ying Yang gif 16x16  

View topic Topic, Attach file file, Folder folder icons

  Variable Description Type Size Alias
View topic %ICON{viewtopic}% View topic gif 16x16  
Print topic %ICON{printtopic}% Print topic gif 16x16  
Refresh topic %ICON{refreshtopic}% Refresh topic gif 16x16  
New topic %ICON{newtopic}% New topic gif 16x16  
Edit topic %ICON{edittopic}% Edit topic gif 16x16  
Save %ICON{save}% Save gif 16x16  
Attach file %ICON{attachfile}% Attach file gif 16x16  
Download %ICON{download}% Download gif 16x16  
Trash %ICON{trash}% Trash gif 16x16  
Search topic %ICON{searchtopic}% Search topic gif 16x16  
Small search button %ICON{search-small}% Small search button gif 13x13  
Topic back-links %ICON{topicbacklinks}% Topic back-links gif 16x16  
Topic difference %ICON{topicdiffs}% Topic difference gif 16x16  
Statistics %ICON{statistics}% Statistics gif 16x16  
Index %ICON{index}% Index gif 16x16  
Index list %ICON{indexlist}% Index list gif 16x16  
Cache topic %ICON{cachetopic}% Cache topic gif 16x16  
Folder %ICON{folder}% Folder gif 16x16  
Table %ICON{table}% Table gif 16x16  
Edit table %ICON{edittable}% Edit table gif 16x16  
UWEB (Universal Wiki Edit Button), blue, outline %ICON{uweb-bo}% UWEB (Universal Wiki Edit Button), blue, outline gif 16x16  
UWEB, blue, outline, small %ICON{uweb-bo12}% UWEB, blue, outline, small gif 12x12  
UWEB, green (default) %ICON{uweb-g}% UWEB, green (default) gif 16x16  
UWEB, green, square %ICON{uweb-gs}% UWEB, green, square gif 16x16  
UWEB, black, small %ICON{uweb-m12}% UWEB, black, small gif 12x12  
UWEB, orange %ICON{uweb-o}% UWEB, orange gif 16x16  
UWEB, orange, small %ICON{uweb-o12}% UWEB, orange, small gif 12x12  
UWEB, orange, outline %ICON{uweb-oo}% UWEB, orange, outline gif 16x16  
UWEB, orange, square %ICON{uweb-os}% UWEB, orange, square gif 16x16  

Person Person, Group group, Lock access icons

  Variable Description Type Size Alias
Person %ICON{person}% Person gif 16x16  
Persons %ICON{persons}% Persons gif 16x16  
Group %ICON{group}% Group gif 16x16  
Active user %ICON{useractive}% Active user gif 16x16  
Inactive user %ICON{userinactive}% Inactive user gif 16x16  
Building %ICON{building}% Building gif 16x16  
Buildings %ICON{buildings}% Buildings gif 16x16  
Log out %ICON{logout}% Log out gif 16x16  
Key %ICON{key}% Key gif 16x16  
Lock %ICON{lock}% Lock gif 16x16  
Locked topic %ICON{locktopic}% Locked topic gif 16x16  
Locked topic, gray %ICON{locktopicgray}% Locked topic, gray gif 16x16  
Locked folder %ICON{lockfolder}% Locked folder gif 16x16  
Locked folder, gray %ICON{lockfoldergray}% Locked folder, gray gif 16x16  

Facebook Social networking, Stumbleupon social bookmarks

Bit.ly %ICON{bitly}% Bit.ly gif 16x16  
Blogger %ICON{blogger}% Blogger gif 16x16  
Delicious %ICON{delicious}% Delicious gif 16x16  
Digg %ICON{digg}% Digg gif 16x16  
Facebook %ICON{facebook}% Facebook gif 16x16  
Google %ICON{google}% Google gif 16x16  
LinkedIn %ICON{linkedin}% LinkedIn gif 16x16  
Reddit %ICON{reddit}% Reddit gif 16x16  
Stumbleupon %ICON{stumbleupon}% Stumbleupon gif 16x16  
Technorati %ICON{technorati}% Technorati gif 16x16  
Twitter %ICON{twitter}% Twitter gif 16x16  
Windows %ICON{windows}% Windows gif 16x16  

Changes Changes, Notify notification icons

  Variable Description Type Size Alias
Changes %ICON{changes}% Changes gif 16x16  
Changes %ICON{changes-small}% Changes gif 13x13  
Recent changes %ICON{recentchanges}% Recent changes gif 16x16  
Mail %ICON{mail}% Mail gif 16x16  
Notify %ICON{notify}% Notify gif 16x16  
RSS feed, rounded corners %ICON{feed}% RSS feed, rounded corners gif 16x16  
RSS feed, gray box %ICON{rss}% RSS feed, gray box gif 16x16  
RSS feed %ICON{rss-fe