Roll20 Wiki

Latest revision as of 06:23, 18 March 2024

The font families used for many of the Roll20 icons are Pictos, Pictos Custom, and dicefontd4 through dicefontd20. Check the Icon Fonts section on the CSS Wizardry page for a full list of symbols for the fonts.

Sidebar
- q / qq Text Chat tab
- P / P P Art Library tab
- N / N N Journal tab
- i / i i Compendium tab
- u / u u Jukebox tab
- l / l l Collections tab
- y / y y My Settings tab

Toolbox
- w w Select and Pan Tool
 - [[File:Hand.png|middle|15px]] Pan mode
- b b Layers
 - @ @ Map & Background layer
 - b b Objects & Tokens layer
 - E E GM Info Overlay layer
 - r r Dynamic Lighting layer
- i i Drawing Tools
 - a a Draw Shapes tool
 - c c Polygon/Line Tool
 - q qText Tool
 - # # Clear Drawings tool
- e e FX Tool
- s s Zoom Tool
- [[File:Ruler.png|middle|15px]] Ruler Tool
- {{torch}} or [[File:Place-light-torch-icon.png|middle|18px]] Place Light Tool
- C C Fog of War
 - E E Reveal
 - c c Polygon Reveal
 - C C Hide Areas
 - # # Reset Fog
- [[File:Udl-hide-icon.jpg|middle|15px]] Darkness Tool
 - [[File:Udl-reveal-icon.jpg|middle|15px]] Reveal
 - [[File:Udl-perm_darkness-icon.jpg|middle|15px]] Permanent Darkness
 - [[File:Udl-explorer-icon.jpg|middle|15px]] Explorable Darkness
 - [[File:Udl-polygon-icon.jpg|middle|15px]] Polygon
 - [[File:Udl-rectangle-icon.jpg|middle|15px]] Rectangle
- t t Turn Tracker
- t <big>t</big> Dice Rolling GUI
- ? ? Help Tool

Character Sheet

& / & & Add, Repeating Section
( / ( (/{{Lock}} Lock, repeating section
) / ) )/{{Unlock}} Unlock, repeating section
≡ / ≡ '''<big>≡</big>''' Reorder symbol, repeating section.
w / w w/{{Bubble}} Send to chat
y / y y/{{Gear}} Settings, gear icon
x / x x/{{hammer}} or {{wrench}} Alternative Settings icon.
Charactermancer logo

Misc.

⋮ {{button|{{3dots}}|white}} - Token Settings -Player Permission menu
o {{folder}} - like oAdd-button
UI buttons: y, +, -, #, z, s, z, |
Delete, Apply Changes, cUpload, Save Settings, +Add

Dice

t t d20
d d d4
f f d6
h h d8
j j d10
l l d12

@@ Line 4: / Line 4: @@
 </noinclude>
+{{cleanup-msg|Needs to add the New Roll20 icons both for toolbox (right), and for the sidebar(left)|March 2023}}
 * '''[[Sidebar]]'''
-** <span style="font-family:Pictos;">q</span> <code><nowiki><span style="font-family:Pictos;">q</span></nowiki></code> [[Text Chat]] tab
+** <span style="font-family:Pictos;">q</span> / [[Text Chat|{{button|1 = <span style="font-family:Pictos;">q</span>|2 = white}}]]<code><nowiki><span style="font-family:Pictos;">q</span></nowiki></code> [[Text Chat]] tab
-** <span style="font-family:Pictos;">P</span> <code><nowiki><span style="font-family:Pictos;">P</span></nowiki></code> [[Art Library]] tab
+** <span style="font-family:Pictos;">P</span> / [[Art Library|{{button|1 = <span style="font-family:Pictos;">P</span>|2 = white}}]] <code><nowiki><span style="font-family:Pictos;">P</span></nowiki></code> [[Art Library]] tab
-** <span style="font-family:Pictos;">N</span> <code><nowiki><span style="font-family:Pictos;">N</span></nowiki></code> [[Journal]] tab
+** <span style="font-family:Pictos;">N</span> / [[Journal|{{button|1 = <span style="font-family:Pictos;">N</span>|2 = white}}]] <code><nowiki><span style="font-family:Pictos;">N</span></nowiki></code> [[Journal]] tab
-** <span style="font-family:Pictos;">i</span> <code><nowiki><span style="font-family:Pictos;">i</span></nowiki></code> [[Compendium]] tab
+** <span style="font-family:Pictos;">i</span> / {{button|1 = <span style="font-family:Pictos;">i</span>|2 = white}} <code><nowiki><span style="font-family:Pictos;">i</span></nowiki></code> [[Compendium]] tab
-** <span style="font-family:Pictos Custom;">u</span> <code><nowiki><span style="font-family:Pictos Custom;">u</span></nowiki></code> [[Jukebox]] tab
+** <span style="font-family:Pictos Custom;">u</span> / {{button|1 = <span style="font-family:Pictos Custom;">u</span>|2 = white}} <code><nowiki><span style="font-family:Pictos Custom;">u</span></nowiki></code> [[Jukebox]] tab
-** <span style="font-family:Pictos;">l</span> <code><nowiki><span style="font-family:Pictos;">l</span></nowiki></code> [[Collections]] tab
+** <span style="font-family:Pictos;">l</span> / {{button|1 = <span style="font-family:Pictos;">l</span>|2 = white}} <code><nowiki><span style="font-family:Pictos;">l</span></nowiki></code> [[Collections]] tab
-** <span style="font-family:Pictos;">y</span> <code><nowiki><span style="font-family:Pictos;">y</span></nowiki></code> [[My Settings]] tab
+** <span style="font-family:Pictos;">y</span> / {{button|1 = <span style="font-family:Pictos;">y</span>|2 = white}} <code><nowiki><span style="font-family:Pictos;">y</span></nowiki></code> [[My Settings]] tab
 * '''[[Toolbox]]'''
@@ Line 29: / Line 30: @@
 ** <span style="font-family:Pictos;">s</span> <code><nowiki><span style="font-family:Pictos;">s</span></nowiki></code> [[Zoom|Zoom Tool]]
 ** [[File:Ruler.png|middle|15px]] <code><nowiki>[[File:Ruler.png|middle|15px]]</nowiki></code> [[Ruler|Ruler Tool]]
-** {{torch}} <code><nowiki>[[File:Place-light-torch-icon.png|middle|18px]] or {{torch}}</nowiki></code> [[Place Light Tool]]
+** {{torch}} <code><nowiki>{{torch}}</nowiki></code> or <code><nowiki>[[File:Place-light-torch-icon.png|middle|18px]]</nowiki></code> [[Place Light Tool]]
 ** <span style="font-family:Pictos;">C</span> <code><nowiki><span style="font-family:Pictos;">C</span></nowiki></code> [[Fog of War]]
 *** <span style="font-family:Pictos;">E</span> <code><nowiki><span style="font-family:Pictos;">E</span></nowiki></code> Reveal
@@ Line 46: / Line 47: @@
 '''[[Character Sheet]]'''
-* <span style="font-family:Pictos;">&</span> <code><nowiki><span style="font-family:Pictos;">&</span></nowiki></code> Add, [[Repeating Section]]
+* <span style="font-family:Pictos;">&</span> / {{button|1 = <span style="font-family:Pictos;">&</span>|2 = white}} <code><nowiki><span style="font-family:Pictos;">&</span></nowiki></code> Add, [[Repeating Section]]
-* <span style="font-family:Pictos;">(</span> <code><nowiki><span style="font-family:Pictos;">(</span></nowiki></code>/<code><nowiki>{{Lock}}</nowiki></code> Lock, repeating section
+* <span style="font-family:Pictos;">(</span> / {{button|1 = <span style="font-family:Pictos;">(</span>|2 = white}} <code><nowiki><span style="font-family:Pictos;">(</span></nowiki></code>/<code><nowiki>{{Lock}}</nowiki></code> Lock, repeating section
-* <span style="font-family:Pictos;">)</span> <code><nowiki><span style="font-family:Pictos;">)</span></nowiki></code>/<code><nowiki>{{Unlock}}</nowiki></code> Unlock, repeating section
+* <span style="font-family:Pictos;">)</span> / {{button|1 = <span style="font-family:Pictos;">)</span>|2 = white}} <code><nowiki><span style="font-family:Pictos;">)</span></nowiki></code>/<code><nowiki>{{Unlock}}</nowiki></code> Unlock, repeating section
-* '''<big>≡</big>''' <code><nowiki>'''<big>≡</big>'''</nowiki></code> Reorder symbol, repeating section.
+* '''<big>≡</big>''' / {{button|{{3lines}}|white}} <code><nowiki>'''<big>≡</big>'''</nowiki></code> Reorder symbol, repeating section.
-* <span style="font-family:Pictos;">w</span> <code><nowiki><span style="font-family:Pictos;">w</span></nowiki></code>/<code><nowiki>{{Bubble}}</nowiki></code>  Send to chat
+* <span style="font-family:Pictos;">w</span> / {{button|1 = <span style="font-family:Pictos;">w</span>|2 = white}} <code><nowiki><span style="font-family:Pictos;">w</span></nowiki></code>/<code><nowiki>{{Bubble}}</nowiki></code>  Send to chat
-* <span style="font-family:Pictos;">y</span> <code><nowiki><span style="font-family:Pictos;">y</span></nowiki></code>/<code><nowiki>{{Gear}}</nowiki></code> Settings, gear icon
+* <span style="font-family:Pictos;">y</span> / {{button|1 = <span style="font-family:Pictos;">y</span>|2 = white}} <code><nowiki><span style="font-family:Pictos;">y</span></nowiki></code>/<code><nowiki>{{Gear}}</nowiki></code> Settings, gear icon
-* <span style="font-family:Pictos;">x</span> <code><nowiki><span style="font-family:Pictos;">x</span></nowiki></code>/<code><nowiki>{{hammer}} or {{wrench}} </nowiki></code> Alternative Settings icon.
+* <span style="font-family:Pictos;">x</span> / {{button|1 = <span style="font-family:Pictos;">x</span>|2 = white}} <code><nowiki><span style="font-family:Pictos;">x</span></nowiki></code>/<code><nowiki>{{hammer}} or {{wrench}} </nowiki></code> Alternative Settings icon.
+* [[File:Charmancer-logo.png|20px]]  [[Charactermancer]] logo
+'''Misc.'''
+* {{button|{{3dots}}|white}}  <code><nowiki>{{button|{{3dots}}|white}}</nowiki></code> - Token Settings -Player Permission menu
+* {{folder}} <code><nowiki>{{folder}}</nowiki></code> - like {{button|{{folder}}Add|white}}-button
+* UI buttons: {{button|{{gear}}|blue}}, {{button|'''<big>+</big>'''|white}}, {{button|'''<big>-</big>'''|white}}, {{button|1 = <span style="font-family:Pictos;">#</span>|2 = white}}, {{button|1 = <span style="font-family:Pictos;">z</span>|2 = white}}, {{button|1 = <span style="font-family:Pictos;">s</span>|2 = white}}, {{button|1 = <span style="font-family:Pictos;">z</span>|2 = white}}, {{button|1 = <span style="font-family:Pictos;">{{!}}</span>|2 = white}}
+* {{button|Delete|red}}, {{button|Apply Changes|white}}, {{button|{{upload}}Upload|white}}, {{button|Save Settings|blue}}, {{button|'''<big>+</big>'''Add|white}}
 '''Dice'''

Roll20 Wiki

Navigation

Personal tools

Toolbox

Difference between revisions of "Roll20 UI Icons"

From Roll20 Wiki

Latest revision as of 06:23, 18 March 2024