https://wiki.skytemple.org/index.php?action=history&feed=atom&title=SkyTemple%3AIcons 2026-04-06T10:52:19Z Revision history for this page on the wiki MediaWiki 1.42.5 https://wiki.skytemple.org/index.php?title=SkyTemple:Icons&diff=241&oldid=prev 2023-08-23T18:41:08Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 18:41, 23 August 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>You can use the [https://github.com/SkyTemple/skytemple-icons/ SkyTemple UI Icons] on pages in this wiki.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>You can use the [https://github.com/SkyTemple/skytemple-icons/ SkyTemple UI Icons] on pages in this wiki.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>To <del style="font-weight: bold; text-decoration: none;">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):&lt;syntaxhighlight lang="html+handlebars"&gt;</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>To use an icon, insert the following template:&lt;syntaxhighlight lang="html+handlebars"&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">{{#css:MediaWiki:SkyTempleIcons.css}}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;/syntaxhighlight&gt;This may not be possible to insert in the visual editor, so briefly switch to the source editor to insert this.</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">To actually </del>use an icon, insert the following template:&lt;syntaxhighlight lang="html+handlebars"&gt;</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{SkyTempleIcon|icon=skytemple-copy-settings-symbolic}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{SkyTempleIcon|icon=skytemple-copy-settings-symbolic}}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/syntaxhighlight&gt;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.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/syntaxhighlight&gt;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.</div></td></tr> </table>

Capypara https://wiki.skytemple.org/index.php?title=SkyTemple:Icons&diff=236&oldid=prev 2023-08-23T18:30:59Z

<p>Explanation on how to use icons.</p> <p><b>New page</b></p><div>You can use the [https://github.com/SkyTemple/skytemple-icons/ SkyTemple UI Icons] on pages in this wiki.<br /> <br /> 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):&lt;syntaxhighlight lang=&quot;html+handlebars&quot;&gt;<br /> {{#css:MediaWiki:SkyTempleIcons.css}}<br /> <br /> &lt;/syntaxhighlight&gt;This may not be possible to insert in the visual editor, so briefly switch to the source editor to insert this.<br /> <br /> <br /> To actually use an icon, insert the following template:&lt;syntaxhighlight lang=&quot;html+handlebars&quot;&gt;<br /> {{SkyTempleIcon|icon=skytemple-copy-settings-symbolic}}<br /> &lt;/syntaxhighlight&gt;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.</div>

Capypara