SkyTemple:Icons: Difference between revisions

From SkyTemple
Explanation on how to use icons.
 
mNo edit summary
 
Line 1: Line 1:
You can use the [https://github.com/SkyTemple/skytemple-icons/ SkyTemple UI Icons] on pages in this wiki.
You can use the [https://github.com/SkyTemple/skytemple-icons/ SkyTemple UI Icons] on pages in this wiki.


To do that, first import the CSS for the iconography in your page using the following snippet somewhere at the top of the page (source editor):<syntaxhighlight lang="html+handlebars">
To use an icon, insert the following template:<syntaxhighlight lang="html+handlebars">
{{#css:MediaWiki:SkyTempleIcons.css}}
 
</syntaxhighlight>This may not be possible to insert in the visual editor, so briefly switch to the source editor to insert this.
 
 
To actually use an icon, insert the following template:<syntaxhighlight lang="html+handlebars">
{{SkyTempleIcon|icon=skytemple-copy-settings-symbolic}}
{{SkyTempleIcon|icon=skytemple-copy-settings-symbolic}}
</syntaxhighlight>The icon name can be taken from the [https://github.com/SkyTemple/skytemple-icons/tree/main/skytemple_icons/hicolor/512x512/apps GitHub repository]. You can also insert this template with the visual editor, it will also suggest icons.
</syntaxhighlight>The icon name can be taken from the [https://github.com/SkyTemple/skytemple-icons/tree/main/skytemple_icons/hicolor/512x512/apps GitHub repository]. You can also insert this template with the visual editor, it will also suggest icons.

Latest revision as of 18:41, 23 August 2023

You can use the SkyTemple UI Icons on pages in this wiki.

To use an icon, insert the following template:

{{SkyTempleIcon|icon=skytemple-copy-settings-symbolic}}

The icon name can be taken from the GitHub repository. You can also insert this template with the visual editor, it will also suggest icons.