Use Iconify icons everywhere

aleksis/apps/matrix/menus.py

@@ -5,7 +5,7 @@ MENUS = {
         {
             "name": _("Matrix"),
             "url": "#",
-            "icon": "chat",
+            "svg_icon": "simple-icons:matrix",
             "root": True,
             "validators": [
                 (
@@ -17,7 +17,7 @@ MENUS = {
                 {
                     "name": _("Groups and Rooms"),
                     "url": "matrix_rooms",
-                    "icon": "group_work",
+                    "svg_icon": "mdi:account-group-outline",
                     "validators": [
                         (
                             "aleksis.core.util.predicates.permission_validator",

aleksis/apps/matrix/templates/matrix/room/list.html

@@ -16,13 +16,15 @@
 
 <div class="card">
   <div class="card-content">
-    <div class="card-title">{% trans "Filter groups" %}</div>
+    <div class="card-title">
+      <i class="material-icons left small iconify" data-icon="mdi:filter-multiple-outline"></i>
+      {% trans "Filter groups" %}
+    </div>
     <form method="get">
       {% form form=filter.form %}{% endform %}
-      {% trans "Search" as caption %}
-      {% include "core/partials/save_button.html" with caption=caption icon="search" %}
+      {% include "core/partials/save_button.html" with caption=_("Filter") icon="mdi:filter-outline" %}
       <button type="reset" class="btn red waves-effect waves-light">
-        <i class="material-icons left">clear</i>
+        <i class="material-icons left iconify" data-icon="mdi:filter-remove-outline"></i>
         {% trans "Clear" %}
       </button>
     </form>
@@ -36,7 +38,10 @@
       {% csrf_token %}
       <div class="row">
         <div class="col s12 {% if action_form %}m4 l4 xl6{% endif %}">
-          <div class="card-title">{% trans "Selected groups" %}</div>
+          <div class="card-title">
+            <i class="material-icons left small iconify" data-icon="mdi:account-group-outline"></i>
+            {% trans "Selected groups" %}
+          </div>
         </div>
         {% if action_form %}
         <div class="col s12 m8 l8 xl6">
@@ -46,7 +51,7 @@
           <div class="col s12 m4">
             <button type="submit" class="btn waves-effect waves-primary">
               {% trans "Execute" %}
-              <i class="material-icons right">send</i>
+              <i class="material-icons right iconify" data-icon="mdi:send-outline"></i>
             </button>
           </div>
         </div>