diff --git a/frontend/app/components/external-link.gts b/frontend/app/components/external-link.gts
index 35870e425..02587d705 100644
--- a/frontend/app/components/external-link.gts
+++ b/frontend/app/components/external-link.gts
@@ -1,4 +1,4 @@
-import FaIcon from '@fortawesome/ember-fontawesome/components/fa-icon';
+import Icon from './icon';
{{yield}}
-
+
diff --git a/frontend/app/components/icon.gts b/frontend/app/components/icon.gts
new file mode 100644
index 000000000..73a10e46a
--- /dev/null
+++ b/frontend/app/components/icon.gts
@@ -0,0 +1,14 @@
+const size = (size?: string) => size ? `fa-${size}` : 'fa-1';
+
+
+
+
diff --git a/frontend/app/components/limber/demo-select.gts b/frontend/app/components/limber/demo-select.gts
index 9569e295b..bc51eab0c 100644
--- a/frontend/app/components/limber/demo-select.gts
+++ b/frontend/app/components/limber/demo-select.gts
@@ -5,7 +5,7 @@ import { fn } from '@ember/helper';
import { inject as service } from '@ember/service';
import { waitFor } from '@ember/test-waiters';
-import FaIcon from '@fortawesome/ember-fontawesome/components/fa-icon';
+import Icon from '../icon';
import { getFromLabel, NAMES } from 'limber/snippets';
import Menu from './menu';
@@ -31,9 +31,9 @@ export default class DemoSelect extends Component {
Select demo
{{#if menu.isOpen}}
-
+
{{else}}
-
+
{{/if}}
diff --git a/frontend/app/components/limber/editor/controls/index.gts b/frontend/app/components/limber/editor/controls/index.gts
index e8c9f386b..be4f03330 100644
--- a/frontend/app/components/limber/editor/controls/index.gts
+++ b/frontend/app/components/limber/editor/controls/index.gts
@@ -1,7 +1,7 @@
import { fn } from '@ember/helper';
import { on } from '@ember/modifier'
-import FaIcon from '@fortawesome/ember-fontawesome/components/fa-icon';
+import Icon from 'limber/components/icon';
import State from './state';
@@ -43,9 +43,9 @@ const Controls =
{{on 'click' (fn @send 'MAXIMIZE')}}
>
{{#if @isMaximized}}
-
+
{{else}}
-
+
{{/if}}
diff --git a/frontend/app/components/limber/header.gts b/frontend/app/components/limber/header.gts
index a2d729d93..092c65a87 100644
--- a/frontend/app/components/limber/header.gts
+++ b/frontend/app/components/limber/header.gts
@@ -1,4 +1,4 @@
-import FaIcon from '@fortawesome/ember-fontawesome/components/fa-icon';
+import Icon from '../icon';
import ExternalLink from '../external-link';
import DemoSelect from './demo-select';
@@ -12,10 +12,10 @@ import DemoSelect from './demo-select';
target="_blank"
rel="noreferrer noopener"
>
-
+
Ember.JS homepage
-
+