diff --git a/src/components/IconBadge/IconBadge.css b/src/components/IconBadge/IconBadge.css
index a9ff7c46..4049af75 100644
--- a/src/components/IconBadge/IconBadge.css
+++ b/src/components/IconBadge/IconBadge.css
@@ -6,6 +6,7 @@
   border-radius: 5px;
   cursor: pointer;
   background-color: #37333d;
+  min-height: 24px;
 }
 
 .dui-icon-badge .text {
@@ -16,13 +17,12 @@
 .dui-icon-badge .dui-icon-badge__icon {
   width: 13px;
   height: 13px;
-  margin-right: 10px;
   background-position: center;
   background-repeat: no-repeat;
 }
 
-.dui-icon-badge .dui-icon-badge__custom-icon {
-  margin-right: 10px;
+.dui-icon-badge > span:nth-child(2) {
+  margin-left: 10px;
 }
 
 /* Icons */
@@ -112,6 +112,10 @@
   background-image: url(../../images/wearables/HandsIcon.svg);
 }
 
+.dui-icon-badge .utility {
+  background-image: url(../../images/wearables/utility.svg);
+}
+
 .dui-icon-badge .play-once {
   background-image: url(../../images/emotes/play-once.svg);
   width: 19px;
diff --git a/src/components/IconBadge/IconBadge.stories.tsx b/src/components/IconBadge/IconBadge.stories.tsx
index 71343c23..f6bc6f90 100644
--- a/src/components/IconBadge/IconBadge.stories.tsx
+++ b/src/components/IconBadge/IconBadge.stories.tsx
@@ -5,8 +5,8 @@ import { IconBadge } from './IconBadge'
 storiesOf('IconBadge', module)
   .add('With Icon', () => (
     <IconBadge
-      icon="BaseMale"
-      text="Male Icon"
+      icon="utility"
+      text="Utility"
       onClick={() => console.log('Clicked!')}
     />
   ))
@@ -15,6 +15,9 @@ storiesOf('IconBadge', module)
       <div>Custom Icon Component</div>
     </IconBadge>
   ))
+  .add('Without text', () => (
+    <IconBadge icon="BaseFemale" onClick={() => console.log('Clicked!')} />
+  ))
   .add('Without Icon', () => (
     <IconBadge text="No Icon" onClick={() => console.log('Clicked!')} />
   ))
diff --git a/src/components/IconBadge/IconBadge.tsx b/src/components/IconBadge/IconBadge.tsx
index 7cf417b4..26c816cc 100644
--- a/src/components/IconBadge/IconBadge.tsx
+++ b/src/components/IconBadge/IconBadge.tsx
@@ -13,20 +13,20 @@ export const IconBadge = ({
   const childrenInt = React.useMemo(
     () => (
       <>
-        {children ? (
+        {children && icon ? (
           <span className="dui-icon-badge__custom-icon">{children}</span>
-        ) : (
+        ) : icon ? (
           <span className={classNames(icon && 'dui-icon-badge__icon', icon)} />
-        )}
-        <span className="text">{text}</span>
+        ) : null}
+        {text ? <span className="text">{text}</span> : null}
       </>
     ),
     [children, icon, text]
   )
 
   return (
-    <div className={classNames('dui-icon-badge', className)} onClick={onClick}>
+    <span className={classNames('dui-icon-badge', className)} onClick={onClick}>
       {childrenInt}
-    </div>
+    </span>
   )
 }
diff --git a/src/components/IconBadge/IconBadge.types.ts b/src/components/IconBadge/IconBadge.types.ts
index bd872cd0..1600f355 100644
--- a/src/components/IconBadge/IconBadge.types.ts
+++ b/src/components/IconBadge/IconBadge.types.ts
@@ -31,7 +31,8 @@ export type Props = {
     | 'props'
     | 'sparkles'
     | 'places'
-  text: string
+    | 'utility'
+  text?: string
   onClick?: () => void
   children?: React.ReactNode
 }
diff --git a/src/images/wearables/utility.svg b/src/images/wearables/utility.svg
new file mode 100644
index 00000000..bd3f4f1c
--- /dev/null
+++ b/src/images/wearables/utility.svg
@@ -0,0 +1,10 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4417_6275)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.90052 2.65085C6.05747 2.70499 5.21372 2.79639 4.37062 2.92015C3.88687 2.99116 3.42491 3.32515 3.48257 3.81453C3.59436 4.89593 3.68928 5.97597 3.73781 7.05741C3.73781 7.29015 3.66328 7.49335 3.49735 7.65366C3.33 7.81397 3.12329 7.88851 2.89055 7.86811C2.6986 7.84983 2.50875 7.79569 2.3414 7.7078C2.11991 7.5946 1.8689 7.5292 1.60241 7.5292C0.716472 7.5292 0 8.25061 0 9.13655C0 10.0225 0.715086 10.7397 1.60241 10.7397C1.94132 10.7397 2.25562 10.637 2.51437 10.4563C2.76397 10.2847 3.07125 10.2693 3.33702 10.4169C3.60351 10.5639 3.75187 10.8297 3.73711 11.1334C3.68156 12.1347 3.60703 13.1366 3.48187 14.14C3.42632 14.6279 3.88967 14.9528 4.37342 15.0308C5.27623 15.1757 6.16991 15.2839 7.05938 15.3472C7.34204 15.3676 7.59728 15.2432 7.75759 15.009C7.92493 14.7728 7.94392 14.4915 7.81313 14.2349C7.81313 14.2166 7.81313 14.2032 7.79485 14.1885C7.68306 13.967 7.60852 13.7167 7.60852 13.4502C7.60852 12.5642 8.32501 11.8471 9.21093 11.8471C10.0969 11.8471 10.8176 12.5622 10.8176 13.4502C10.8176 13.711 10.7803 13.9761 10.6685 14.192C10.5384 14.4486 10.5567 14.739 10.7058 14.9809C10.8731 15.2228 11.1284 15.3507 11.4187 15.3261C12.1985 15.2628 12.9748 15.1644 13.7454 15.0315C14.2278 14.9479 14.7249 14.6174 14.6349 14.1371C14.4317 13.0592 14.3051 11.9827 14.2383 10.9049C14.2383 10.6757 14.2939 10.4725 14.4598 10.3086C14.6271 10.1448 14.8226 10.0646 15.0539 10.0759C15.2607 10.0942 15.4632 10.1448 15.6572 10.2432C15.8787 10.3564 16.1283 10.4218 16.3941 10.4218C17.2801 10.4218 17.9987 9.70674 17.9987 8.81871C17.9987 7.93277 17.2822 7.21207 16.3941 7.21207C16.0608 7.21207 15.7522 7.31613 15.4934 7.49191C15.2424 7.66488 14.9309 7.67402 14.6651 7.52144C14.3986 7.36886 14.2559 7.09605 14.2798 6.7909C14.3544 5.79879 14.4732 4.80532 14.6356 3.81316C14.7108 3.32941 14.2327 2.98769 13.7469 2.923C12.8159 2.79995 11.8871 2.70785 10.9583 2.6537C10.7031 2.63542 10.476 2.73526 10.3142 2.93004C10.1469 3.1234 10.0963 3.36245 10.1469 3.60995C10.1842 3.77026 10.2397 3.92285 10.3142 4.06417C10.426 4.28355 10.4816 4.53596 10.4816 4.80245C10.4816 5.6884 9.7665 6.40557 8.87917 6.40557C7.99323 6.40557 7.27253 5.68838 7.27253 4.80245C7.27253 4.46004 7.38432 4.14151 7.56292 3.87925C7.74926 3.62965 7.75628 3.31815 7.60019 3.05026C7.45113 2.78237 7.1776 2.63542 6.87034 2.6537L6.90052 2.65085Z" fill="#CFCDD4"/>
+</g>
+<defs>
+<clipPath id="clip0_4417_6275">
+<rect width="18" height="18" fill="white"/>
+</clipPath>
+</defs>
+</svg>