diff --git a/img/qr-code.svg b/img/qr-code.svg
new file mode 100644
index 000000000..70d86b153
--- /dev/null
+++ b/img/qr-code.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 335 328">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M15.5,131c-8.56,0-15.5-6.94-15.5-15.5V15.5C0,6.94,6.94,0,15.5,0h98c8.56,0,15.5,6.94,15.5,15.5s-6.94,15.5-15.5,15.5H31v84.5c0,8.56-6.94,15.5-15.5,15.5Z"/>
+  <path class="cls-1" d="M319.5,129c-8.56,0-15.5-6.94-15.5-15.5V31h-84.5c-8.56,0-15.5-6.94-15.5-15.5s6.94-15.5,15.5-15.5h100c8.56,0,15.5,6.94,15.5,15.5v98c0,8.56-6.94,15.5-15.5,15.5Z"/>
+  <g>
+    <path class="cls-1" d="M319.5,328h-98c-8.56,0-15.5-6.94-15.5-15.5s6.94-15.5,15.5-15.5h82.5v-84.5c0-8.56,6.94-15.5,15.5-15.5s15.5,6.94,15.5,15.5v100c0,8.56-6.94,15.5-15.5,15.5Z"/>
+    <path class="cls-1" d="M115.5,328H15.5c-8.56,0-15.5-6.94-15.5-15.5v-98c0-8.56,6.94-15.5,15.5-15.5s15.5,6.94,15.5,15.5v82.5h84.5c8.56,0,15.5,6.94,15.5,15.5s-6.94,15.5-15.5,15.5Z"/>
+  </g>
+  <g>
+    <path class="cls-1" d="M267.17,151.75h-78c-4.97,0-9-4.03-9-9v-78c0-4.97,4.03-9,9-9h78c4.97,0,9,4.03,9,9v78c0,4.97-4.03,9-9,9ZM198.17,133.75h60v-60h-60v60Z"/>
+    <rect class="cls-1" x="214.17" y="89.75" width="28" height="28"/>
+  </g>
+  <g>
+    <path class="cls-1" d="M146.83,151.32h-78c-4.97,0-9-4.03-9-9v-78c0-4.97,4.03-9,9-9h78c4.97,0,9,4.03,9,9v78c0,4.97-4.03,9-9,9ZM77.83,133.32h60v-60h-60v60Z"/>
+    <rect class="cls-1" x="93.83" y="89.32" width="28" height="28"/>
+  </g>
+  <g>
+    <path class="cls-1" d="M146.56,272.32h-78c-4.97,0-9-4.03-9-9v-78c0-4.97,4.03-9,9-9h78c4.97,0,9,4.03,9,9v78c0,4.97-4.03,9-9,9ZM77.56,254.32h60v-60h-60v60Z"/>
+    <rect class="cls-1" x="93.56" y="210.32" width="28" height="28"/>
+  </g>
+  <g>
+    <g>
+      <rect class="cls-1" x="184" y="244" width="27" height="27"/>
+      <rect class="cls-1" x="184" y="181" width="27" height="27"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="246" y="244" width="27" height="27"/>
+      <rect class="cls-1" x="246" y="181" width="27" height="27"/>
+    </g>
+    <rect class="cls-1" x="215" y="214" width="27" height="27"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/components/Login/UsernamePw.tsx b/src/components/Login/UsernamePw.tsx
index 77e8fff43..2ed363f44 100644
--- a/src/components/Login/UsernamePw.tsx
+++ b/src/components/Login/UsernamePw.tsx
@@ -1,6 +1,3 @@
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-import { faQrcode } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { fetchUsernamePassword } from "apis/eduidLogin";
 import EduIDButton from "components/Common/EduIDButton";
 import TextInput from "components/Common/EduIDTextInput";
@@ -15,6 +12,7 @@ import { Link, useNavigate } from "react-router-dom";
 import loginSlice from "slices/Login";
 import { clearNotifications } from "slices/Notifications";
 import resetPasswordSlice from "slices/ResetPassword";
+import qrCode from "../../../img/qr-code.svg";
 import { LoginAbortButton } from "./LoginAbortButton";
 import { LoginAtServiceInfo } from "./LoginAtServiceInfo";
 import { forgetThisDevice } from "./NewDevice";
@@ -225,7 +223,7 @@ function UsernamePwAnotherDeviceButton(): JSX.Element | null {
 
   return (
     <EduIDButton buttonstyle="primary" onClick={handleOnClick} className="btn-icon" id="login-other-device-button">
-      <FontAwesomeIcon icon={faQrcode as IconProp} />
+      <img className="qr-icon" height="20" alt="qr icon" src={qrCode} />
       <FormattedMessage defaultMessage="Other device" description="Login UsernamePw" />
     </EduIDButton>
   );