Replace icons import

app/components/icons/alert-circle.js

@@ -0,0 +1 @@
+export { AlertCircle as default } from 'ember-mdi';

app/components/icons/checkbox-marked-circle.js

@@ -0,0 +1 @@
+export { CheckboxMarkedCircle as default } from 'ember-mdi';

app/components/icons/cog-outline.js

@@ -0,0 +1 @@
+export { CogOutline as default } from 'ember-mdi';

app/components/icons/database-outline.js

@@ -0,0 +1 @@
+export { DatabaseOutline as default } from 'ember-mdi';

app/components/icons/magnify.js

@@ -0,0 +1 @@
+export { Magnify as default } from 'ember-mdi';

app/controllers/admin.js

@@ -1,14 +1,10 @@
 import Controller from '@ember/controller';
-import { CheckboxMarkedCircle, AlertCircle } from 'ember-mdi';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 
 export default class AdminController extends Controller {
   @service session;
 
-  CheckboxMarkedCircle = CheckboxMarkedCircle;
-  AlertCircle = AlertCircle;
-
   @action
   invalidateSession() {
     this.session.invalidate();

app/controllers/admin/indexes/item.js

@@ -1,7 +1,3 @@
 import Controller from '@ember/controller';
-import { DatabaseOutline, CogOutline } from 'ember-mdi';
 
-export default class AdminIndexesItemController extends Controller {
-  DatabaseOutline = DatabaseOutline;
-  CogOutline = CogOutline;
-}
+export default class AdminIndexesItemController extends Controller {}

app/templates/admin.hbs

@@ -58,13 +58,13 @@
           title='The version of a running Meilisearch instance'
         >v{{@model.version.pkgVersion}}</span>
         {{#if (eq @model.health.status 'available')}}
-          <this.CheckboxMarkedCircle
+          <Icons::CheckboxMarkedCircle
             class='text-green'
             @size={{18}}
             @title={{@model.health.status}}
           />
         {{else}}
-          <this.AlertCircle
+          <Icons::AlertCircle
             class='text-yellow'
             @size={{18}}
             @title={{@model.health.status}}