Template:InlineIcon

Template documentation
View or edit this documentation. (About template documentation) Note Portions of the template sample may not be visible without values provided.

Usage

Basic

{{InlineIcon|Steel_Icon.png}}
<!--or-->
{{InlineIcon|filename=Steel_Icon.png}}

↓

or

Custom icon height

Allows to set custom height in pixels to the icon.

60 pixels in height

Note

The size of the icon doesn't affect the spacing between the nearby text, regardless of the icon size.

If wanted, it can enabled. The the next section for details.

{{InlineIcon|Steel_Icon.png|height=60}}

↓

Some text above.

This is the icon somewhere inside the text.

The text that's after.

Info

Extra text has been added for this example.

60 pixels in height, but with vertical offset negation disabled

This allows for the icon to offset the text above/below it, preventing overlap of large icons with text.

{{InlineIcon|Steel_Icon.png|height=60|negate vertical offset=0}}

↓

Some text above.

This is the icon somewhere inside the text.

The text that's after.

Info

Extra text has been added for this example.

Labels

Allows to add any text to one or both sides of the icon.

Left label

{{InlineIcon|Steel_Icon.png|left label=Steel}}

↓

Steel

Right label

{{InlineIcon|Steel_Icon.png|right label=Steel}}
<!--or-->
{{InlineIcon|Steel_Icon.png|Steel}}

↓

Steel or Steel

With both labels

{{InlineIcon|Steel_Icon.png|left label=Go for it!|right label=I'm a total Steel!}}

↓

Go for it!I'm a total Steel!

Label gap

Allows to add spacing between the icon and the label

{{InlineIcon|Steel_Icon.png|Steel|label gap=10px}}
<!--or-->
{{InlineIcon|Steel_Icon.png|Steel|gap=10px}}

<!-- with both labels -->
{{InlineIcon|Steel_Icon.png|left label=Steel|right label=METAL METAL METAL|gap=10px}}

↓

Steel or Steel

<!-- with both labels -->

SteelMETAL METAL METAL

Bold labels

To make labels bold, use this option:

{{InlineIcon|Steel_Icon.png|Steel|bold=1}}
<!--or-->
{{InlineIcon|Steel_Icon.png|Steel|b=1}}

↓

Steel or Steel

Links

Allows to add a link to both icon and the labels (if present).

Link to Steel

{{InlineIcon|Steel_Icon.png|link=Steel}}

↓

Link to Steel with labels

<!-- right label only -->
{{InlineIcon|Steel_Icon.png|Steel|link=Steel}}
<!-- left label only -->
{{InlineIcon|Steel_Icon.png|left label=Steel|link=Steel}}
<!-- both labels -->
{{InlineIcon|Steel_Icon.png|left label=Steel|right label=METAL METAL METAL|link=Steel}}

↓

<!-- right label only -->

Steel

<!-- left label only -->

Steel

<!-- both labels -->

SteelMETAL METAL METAL

External links

{{InlineIcon|Discord emoji - Bus.webp|link=https://discord.gg/cosmoteer|external link=1}} 
<!--or-->
{{InlineIcon|Discord emoji - Bus.webp|link=https://discord.gg/cosmoteer|elink=1}}

<!--with left label only-->
{{InlineIcon|Discord emoji - Bus.webp|left label=Our Dicord server|link=https://discord.gg/cosmoteer|elink=1}}
<!--with right label only-->
{{InlineIcon|Discord emoji - Bus.webp|Our Dicord server|link=https://discord.gg/cosmoteer|elink=1}}
<!--with both labels-->
{{InlineIcon|Discord emoji - Bus.webp|left label=Our Dicord server|right label=Come in now :)|link=https://discord.gg/cosmoteer|elink=1}}

↓

<!--or-->

<!--with left label only-->

Our Dicord server

<!--with right label only-->

Our Dicord server

<!--with both labels-->

Our Dicord serverCome in now :)

Wrapping

Forced to wrap Go for it!I'm a total Steel! mid sentence - doesn't break.

Usage within other markup

In a table

Inline in a table cell, inside other text. Renders the same way.

In a table cell Go for it!I'm a total Steel! being inline

Inline in a table cell, on its own. Renders the same way.

Go for it!I'm a total Steel!

Adds the given image into text as an icon (just a small image). Allows adding labels on both sides, turning the icon (and the labels) into links, controlling how the vertical offset behaves on larger icons. The default icon size is 22px.

Template parameters

This template prefers inline formatting of parameters.

Parameter		Description	Type	Status
Filename	filename 1	Icon filename Example Widgets menu down.png	File	required
Label (left)	left label	A label to add to the left of the icon.	Line	optional
Label (right)	right label 2	A label to add to the right of the icon.	Line	optional
Bold	bold b	Whether to make the label text bold. Auto value 0	Boolean	suggested
Label gap	label gap gap	Spacing between icon and labels. Auto value 0px	String	suggested
Link	link 3	Adds a link to the icon. If there are labels, turns them into links too.	Page name	optional
External link?	external link elink	If set, the link parameter will be assumed to be an external link, correctly formatting the result. Auto value 0	Boolean	optional
Icon height (px)	height	Icon height in pixels. Default 22 Auto value 22	Number	optional
Negate vertical offset	negate vertical offset	If disabled, the icon will offset the text vertically if its height is larger than 18 pixels. Default true	Boolean	optional