Step 1
Upload YourImage.png
Step 2
Go to
https://en.doc.boardgamearena.com/Template:YourIcon
(replace
YourIcon
🡅)Copy & paste this into it:
{{gameIcon
|tooltip=
|imageFileName=
|scale=
1
|width=
|height=
|x=
0
|y=
0
|=
{{{1|​}}}
|textColor=
black
|outlineColor=
white
}}<noinclude>
[[Category:WikiTemplates]]
<noinclude>
Minimum:
|imageFileName=
paste the file name here|width=
pixels width of your icon|height=
pixels height of your icon
You can check the file name via the list of uploaded files.
Optional:
|scale=
for smaller icons, set it somewhere between 0.1 and 1|tooltip=
one or more words that appear on hover
If you create multiple icons:
|x=
set the x(/y) position inside your image[[Category:
you can link them together in your own category]]
- e.g.
[[Category:GameNameIcons]]
Step 3
Insert
{{YourIcon}}
into a wiki page!Examples
Jump Drive
Step 1
Upload
.
JumpDriveIcons.png
(450×30 pixels)
Step 2
Create
https://en.doc.boardgamearena.com/Template:JumpDriveGenes
:
{{gameIcon |tooltip=Genes |imageFileName=JumpDriveIcons.png |width=30 |height=30 |x=60 |y=0 |={{{1|​}}} |textColor=black |outlineColor=white }}<noinclude> [[Category:JumpDriveIcons]] <noinclude>
Step 3
Insert
{{JumpDriveGenes|1}}
in Gamehelpjumpdrive.Space Station Phoenix
Step 1
Upload 
SpaceStationPhoenixIcons.png
(700×100 pixels).
Step 2
Create
https://en.doc.boardgamearena.com/Template:SSPShipFarm
:
{{gameIcon |tooltip=Farm ship |imageFileName=SpaceStationPhoenixIcons.png |width=85 |height=50 |x=500 |y=50 }}<noinclude> [[Category:SpaceStationPhoenixIcons]] <noinclude>
Step 3
Insert
{{SSPShipFarm}}
in Gamehelpspacestationphoenix.Parameters
Parameter
Default value
Example
Description
tooltip
​
|tooltip=Resource
Optional: tooltip to display on hover.
imageFileName
null
|imageFileName=YourImage.png
scale
1
|scale=0.5
Optional: scale the image with its origin in the top left corner.
width
null
|width=30
Required: icon width in px units.
height
null
|height=30
Required: icon height in px units.
x
0
|x=60
Optional: x-axis (horizontal) position in px units.
y
0
|y=30
Optional: y-axis (vertical) position in px units.
z
null
|z=2
Optional: z-axis (stacking order) position.
null
​
|={{{1|​}}}
Optional: text value e.g. via another variable using triple curly braces.
textColor
#000
(black)
|textColor=green
Optional: text color as a CSS color e.g.
green
.outlineColor
#fff0
(transparent white)
|outlineColor=green
Optional: text outline color as a CSS color e.g.
green
.