diff --git a/app/icons/COPYING.md b/app/icons/COPYING.md
index de5c4fcf8d..bec84979fe 100644
--- a/app/icons/COPYING.md
+++ b/app/icons/COPYING.md
@@ -4,6 +4,7 @@
 - fediverse.svg - Modified from Wikipedia, CC0  
 - home-squared.svg - Modified from Tabler icons, MIT  
 - pen-plus.svg - Modified from Tabler icons, MIT  
+- verified.svg - Created by Alex Gleason. CC0
 
 Tabler: https://tabler-icons.io/  
 Feather: https://feathericons.com/  
diff --git a/app/icons/verified.svg b/app/icons/verified.svg
new file mode 100644
index 0000000000..856cd6eebf
--- /dev/null
+++ b/app/icons/verified.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon"  viewBox="0 0 20 20" width="20" height="20" fill="none">
+  <circle class="bg" cx="10" cy="10" r="10" fill="#0482d8"/>
+  <path d="M5.586 10l3.193 3.193 6.385-6.385" stroke="#fff" stroke-width="3.193" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/app/soapbox/components/svg_icon.js b/app/soapbox/components/svg_icon.js
index ded55c50de..2e02a1585b 100644
Binary files a/app/soapbox/components/svg_icon.js and b/app/soapbox/components/svg_icon.js differ
diff --git a/app/soapbox/components/verification_badge.js b/app/soapbox/components/verification_badge.js
index 5fee48a34d..d448b86648 100644
Binary files a/app/soapbox/components/verification_badge.js and b/app/soapbox/components/verification_badge.js differ
diff --git a/app/styles/ui.scss b/app/styles/ui.scss
index de2ce5e3ba..729b0def08 100644
--- a/app/styles/ui.scss
+++ b/app/styles/ui.scss
@@ -738,32 +738,8 @@ article:last-child > .domain {
   height: 15px;
   flex-shrink: 0;
 
-  &::before {
-    display: block;
-    content: "";
-    position: absolute;
-    background-color: #00a3ed;
-    top: 0;
-    right: 0;
-    left: 0;
-    bottom: 0;
-    border-radius: 50%;
-  }
-
-  &::after {
-    display: block;
-    position: absolute;
-    content: '\f00c';
-    font-family: 'Font Awesome 5 Free';
-    font-weight: 900;
-    font-size: 0.6em;
-    text-rendering: auto;
-    -webkit-font-smoothing: antialiased;
-    color: #fff;
-    line-height: 15px;
-    width: 15px;
-    height: 15px;
-    text-align: center;
+  .svg-icon svg > .bg {
+    fill: var(--brand-color);
   }
 }