diff --git a/src/assets/sprite-icons/nuxt.svg b/src/assets/sprite-icons/nuxt.svg
new file mode 100644
index 000000000..ee7c167eb
--- /dev/null
+++ b/src/assets/sprite-icons/nuxt.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.76 19H20.53C20.7779 19 21.0153 18.9129 21.23 18.79C21.4447 18.6671 21.6661 18.5128 21.79 18.3C21.9139 18.0871 22.0001 17.8456 22 17.5999C21.9999 17.3542 21.9141 17.1128 21.79 16.9001L16.54 7.87001C16.4161 7.65719 16.2647 7.50286 16.05 7.37998C15.8353 7.25715 15.5279 7.16998 15.28 7.16998C15.0321 7.16998 14.7947 7.25715 14.58 7.37998C14.3653 7.50286 14.2139 7.65719 14.09 7.87001L12.76 10.18L10.1 5.69983C9.97597 5.48706 9.82476 5.26285 9.61 5.14002C9.39525 5.01714 9.15796 5 8.91002 5C8.66208 5 8.42474 5.01714 8.20998 5.14002C7.99528 5.26285 7.77404 5.48706 7.65002 5.69983L1.14 16.9001C1.01589 17.1128 1.00011 17.3542 1 17.5999C0.999892 17.8456 1.01608 18.0871 1.14 18.3C1.26393 18.5128 1.48527 18.6671 1.7 18.79C1.91473 18.9129 2.15204 19 2.4 19H7.3C9.24156 19 10.6548 18.129 11.64 16.48L14.02 12.35L15.28 10.18L19.13 16.76H14.02L12.76 19ZM7.23002 16.76H3.79998L8.91002 7.94L11.5 12.35L9.78439 15.3407C9.13012 16.4107 8.38413 16.76 7.23002 16.76Z" fill="#00DC82"/>
+</svg>
diff --git a/src/assets/sprite-icons/vue.svg b/src/assets/sprite-icons/vue.svg
index b43226aca..c23ebfa0e 100644
--- a/src/assets/sprite-icons/vue.svg
+++ b/src/assets/sprite-icons/vue.svg
@@ -1,7 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13">
-  <g fill-rule="nonzero" fill="none">
-    <path fill="#41B883" d="M12.05 0h3.01L7.53 12.99 0 0h5.76l1.77 3.01L9.26 0z"/>
-    <path fill="#41B883" d="M0 0l7.53 12.99L15.06 0h-3.01L7.53 7.79 2.97 0z"/>
-    <path fill="#35495E" d="M2.97 0l4.56 7.83L12.05 0H9.26L7.53 3.01 5.76 0z"/>
-  </g>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5392 4.32666H21.1709L12.0855 20L3 4.32666H9.94984L12.0855 7.95843L14.1728 4.32666H17.5392Z" fill="#41B883"/>
+<path d="M3 4.32666L12.0855 20L21.1709 4.32666H17.5392L12.0855 13.7258L6.58351 4.32666H3Z" fill="#41B883"/>
+<path d="M6.5835 4.32666L12.0855 13.7741L17.5391 4.32666H14.1728L12.0855 7.95843L9.94983 4.32666H6.5835Z" fill="#35495E"/>
 </svg>
diff --git a/src/components/event/Overview.vue b/src/components/event/Overview.vue
index cadcd617d..9e0da7259 100644
--- a/src/components/event/Overview.vue
+++ b/src/components/event/Overview.vue
@@ -26,8 +26,16 @@
         v-if="getIntegrationAddons('vue')"
         class="event-overview__section"
         :addons="getIntegrationAddons('vue')"
+        icon="vue"
         title="Vue"
       />
+      <DetailsAddons
+        v-if="getIntegrationAddons('nuxt')"
+        class="event-overview__section"
+        :addons="getIntegrationAddons('nuxt')"
+        icon="nuxt"
+        title="Nuxt"
+      />
       <DetailsAddons
         v-if="hasContext"
         class="event-overview__section"
@@ -112,7 +120,7 @@ export default Vue.extend({
         return null;
       }
 
-      const integrationToFilter = [ 'vue' ];
+      const integrationToFilter = [ 'vue', 'nuxt' ];
       const filteredAddons = {};
 
       Object.entries(this.event.payload.addons).forEach(([name, value]) => {
diff --git a/src/components/event/details/DetailsAddons.vue b/src/components/event/details/DetailsAddons.vue
index e6dc37a0c..6fda64bac 100644
--- a/src/components/event/details/DetailsAddons.vue
+++ b/src/components/event/details/DetailsAddons.vue
@@ -1,10 +1,10 @@
 <template>
   <DetailsBase>
     <template #header>
-      {{ title }}
-      <template v-if="title === 'Vue' ">
-        <Icon symbol="vue" />
+      <template v-if="icon">
+        <Icon :symbol="icon" />
       </template>
+      {{ title }}
     </template>
     <template #content>
       <div
@@ -90,6 +90,14 @@ export default Vue.extend({
       type: Object as PropType<EventAddons>,
       required: true,
     },
+
+    /**
+     * Integration framework logo
+     */
+    icon: {
+      type: String,
+      default: '',
+    }
   },
   computed: {
   },
@@ -101,7 +109,7 @@ export default Vue.extend({
      * @param key - addon key
      */
     isHTML(key: string): boolean {
-      return key === 'component' && this.title === 'Vue';
+      return key.toLowerCase() === 'component' && ['Vue', 'Nuxt'].includes(this.title);
     },
   },
 });
diff --git a/src/components/event/details/DetailsBase.vue b/src/components/event/details/DetailsBase.vue
index fe7dda072..6aa4834f1 100644
--- a/src/components/event/details/DetailsBase.vue
+++ b/src/components/event/details/DetailsBase.vue
@@ -49,12 +49,13 @@ export default {
       font-size: 12px;
       letter-spacing: 0.15px;
       text-transform: uppercase;
+      display: flex;
+      align-items: center;
+      gap: 4px;
 
       .icon {
-        width: 16px;
-        height: 13px;
-        margin-top: -2px;
-        margin-left: 5px;
+        width: 20px;
+        height: 20px;
         vertical-align: middle;
       }
     }