Fix outdated usage of icons

Closes #407

Author: BurntimeX

docs/php/api/form_builder/form_fields.md

@@ -158,7 +158,7 @@ Form fields of this class have `rating` as their default id, `wcf.form.field.rat
 For this field, the minimum and maximum refer to the minimum and maximum rating an object can get.
 When the field is shown, there will be `maximum() - minimum() + 1` icons be shown with additional CSS classes that can be set and gotten via `defaultCssClasses(array $cssClasses)` and `getDefaultCssClasses()`.
 If a rating values is set, the first `getValue()` icons will instead use the classes that can be set and gotten via `activeCssClasses(array $cssClasses)` and `getActiveCssClasses()`.
-By default, the only default class is `fa-star-o` and the active classes are `fa-star` and `orange`. 
+By default, the only default class is `star-o` and the active classes are `star` and `orange`. 
 
 
 ### `SelectFormField`

docs/tutorial/series/part_3.md

@@ -186,7 +186,7 @@ For the `ILookupPageHandler` interface, we need to implement three methods:
    Here, we use `PersonRuntimeCache::getObject()` again and check if the return value is `null`, which is the case for non-existing people.
 1. `lookup($searchString)` is used when setting up an internal link and when searching for the linked person.
    This method simply searches the first and last name of the people and returns an array with the person data.
-   While the `link`, the `objectID`, and the `title` element are self-explanatory, the `image` element can either contain an HTML `<img>` tag, which is displayed next to the search result (WoltLab Suite uses an image tag for users showing their avatar, for example), or a FontAwesome icon class (starting with `fa-`).
+   While the `link`, the `objectID`, and the `title` element are self-explanatory, the `image` element can either contain an HTML `<img>` tag, which is displayed next to the search result (WoltLab Suite uses an image tag for users showing their avatar, for example), or a FontAwesome icon class.
 
 Additionally, the class also implements [IOnlineLocationPageHandler](https://github.com/WoltLab/WCF/blob/master/wcfsetup/install/files/lib/system/page/handler/IOnlineLocationPageHandler.class.php) which is used to determine the online location of users.
 To ensure upwards-compatibility if the `IOnlineLocationPageHandler` interface changes, the [TOnlineLocationPageHandler](https://github.com/WoltLab/WCF/blob/master/wcfsetup/install/files/lib/system/page/handler/TOnlineLocationPageHandler.class.php) trait is used.

snippets/package/pip/bbcode.xml

@@ -15,8 +15,8 @@
 			<htmlopen>div</htmlopen>
 			<htmlclose>div</htmlclose>
 			<isBlockElement>1</isBlockElement>
-			<wysiwygicon>fa-bath</wysiwygicon>
+			<wysiwygicon>bath</wysiwygicon>
 			<buttonlabel>wcf.editor.button.example</buttonlabel>
 		</bbcode>
 	</import>
-</data>
+</data>

snippets/package/pip/userMenu.xml

@@ -2,7 +2,7 @@
 <data xmlns="http://www.woltlab.com" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.woltlab.com http://www.woltlab.com/XSD/2019/userMenu.xsd">
 	<import>
 		<usermenuitem name="wcf.user.menu.foo">
-			<iconclassname>fa-home</iconclassname>
+			<iconclassname>home</iconclassname>
 		</usermenuitem>
 
 		<usermenuitem name="wcf.user.menu.foo.bar">
@@ -19,4 +19,4 @@
 			<options>module_foo_bar</options>
 		</usermenuitem>
 	</import>
-</data>
+</data>

snippets/tutorial/tutorial-series/part-1/acpMenu.xml

@@ -13,7 +13,7 @@
 			<controller>wcf\acp\form\PersonAddForm</controller>
 			<parent>wcf.acp.menu.link.person.list</parent>
 			<permissions>admin.content.canManagePeople</permissions>
-			<icon>fa-plus</icon>
+			<icon>plus</icon>
 		</acpmenuitem>
 	</import>
 </data>

snippets/tutorial/tutorial-series/part-1/acptemplates/personAdd.tpl

@@ -7,7 +7,7 @@
 
 	<nav class="contentHeaderNavigation">
 		<ul>
-			<li><a href="{link controller='PersonList'}{/link}" class="button"><span class="icon icon16 fa-list"></span> <span>{lang}wcf.acp.menu.link.person.list{/lang}</span></a></li>
+			<li><a href="{link controller='PersonList'}{/link}" class="button">{icon name='list'} <span>{lang}wcf.acp.menu.link.person.list{/lang}</span></a></li>
 
 			{event name='contentHeaderNavigation'}
 		</ul>

snippets/tutorial/tutorial-series/part-1/acptemplates/personList.tpl

@@ -7,7 +7,7 @@
 
 	<nav class="contentHeaderNavigation">
 		<ul>
-			<li><a href="{link controller='PersonAdd'}{/link}" class="button"><span class="icon icon16 fa-plus"></span> <span>{lang}wcf.acp.menu.link.person.add{/lang}</span></a></li>
+			<li><a href="{link controller='PersonAdd'}{/link}" class="button">{icon name='plus'} <span>{lang}wcf.acp.menu.link.person.add{/lang}</span></a></li>
 
 			{event name='contentHeaderNavigation'}
 		</ul>
@@ -37,7 +37,7 @@
 				{foreach from=$objects item=person}
 					<tr class="jsObjectActionObject" data-object-id="{@$person->getObjectID()}">
 						<td class="columnIcon">
-							<a href="{link controller='PersonEdit' object=$person}{/link}" title="{lang}wcf.global.button.edit{/lang}" class="jsTooltip"><span class="icon icon16 fa-pencil"></span></a>
+							<a href="{link controller='PersonEdit' object=$person}{/link}" title="{lang}wcf.global.button.edit{/lang}" class="jsTooltip">{icon name='pencil'}</a>
 							{objectAction action="delete" objectTitle=$person->getTitle()}
 
 							{event name='rowButtons'}
@@ -62,7 +62,7 @@
 
 		<nav class="contentFooterNavigation">
 			<ul>
-				<li><a href="{link controller='PersonAdd'}{/link}" class="button"><span class="icon icon16 fa-plus"></span> <span>{lang}wcf.acp.menu.link.person.add{/lang}</span></a></li>
+				<li><a href="{link controller='PersonAdd'}{/link}" class="button">{icon name='plus'} <span>{lang}wcf.acp.menu.link.person.add{/lang}</span></a></li>
 
 				{event name='contentFooterNavigation'}
 			</ul>

snippets/tutorial/tutorial-series/part-1/templates/personList.tpl

@@ -55,7 +55,7 @@
 			{foreach from=$objects item=person}
 				<li>
 					<div class="box48">
-						<span class="icon icon48 fa-user"></span>
+						{icon name='user' size=48}
 
 						<div class="details personInformation">
 							<div class="containerHeadline">

snippets/tutorial/tutorial-series/part-3/acpMenu.xml

@@ -13,7 +13,7 @@
 			<controller>wcf\acp\form\PersonAddForm</controller>
 			<parent>wcf.acp.menu.link.person.list</parent>
 			<permissions>admin.content.canManagePeople</permissions>
-			<icon>fa-plus</icon>
+			<icon>plus</icon>
 		</acpmenuitem>
 	</import>
 </data>

snippets/tutorial/tutorial-series/part-3/acptemplates/personAdd.tpl

@@ -7,7 +7,7 @@
 
 	<nav class="contentHeaderNavigation">
 		<ul>
-			<li><a href="{link controller='PersonList'}{/link}" class="button"><span class="icon icon16 fa-list"></span> <span>{lang}wcf.acp.menu.link.person.list{/lang}</span></a></li>
+			<li><a href="{link controller='PersonList'}{/link}" class="button">{icon name='list'} <span>{lang}wcf.acp.menu.link.person.list{/lang}</span></a></li>
 
 			{event name='contentHeaderNavigation'}
 		</ul>