diff --git a/src/renderer/components/notes-list/note-card/NoteCard.html b/src/renderer/components/notes-list/note-card/NoteCard.html
index 90c3690..e05b2fb 100644
--- a/src/renderer/components/notes-list/note-card/NoteCard.html
+++ b/src/renderer/components/notes-list/note-card/NoteCard.html
@@ -37,6 +37,9 @@ <h4>{{value.name}}
                  title="Copy to clipboard">
                 <b-icon icon="clipboard"></b-icon>
               </a>
+              <a id="export-carbon" @click="exportToCarbon(value.content)" title="Export to Carbon">
+                <b-icon icon="image"></b-icon>
+              </a>
             </span>
           </h4>
           <editor :code="value.content"
diff --git a/src/renderer/components/notes-list/note-card/NoteCard.scss b/src/renderer/components/notes-list/note-card/NoteCard.scss
index db648a6..7f4338f 100644
--- a/src/renderer/components/notes-list/note-card/NoteCard.scss
+++ b/src/renderer/components/notes-list/note-card/NoteCard.scss
@@ -64,6 +64,13 @@
     #copy-file {
       color: $dark;
 
+      &:hover {
+        color: lighten($black, 20%);
+      }
+    }
+    #export-carbon {
+      color: $dark;
+   
       &:hover {
         color: lighten($black, 20%);
       }
diff --git a/src/renderer/components/notes-list/note-card/NoteCard.vue b/src/renderer/components/notes-list/note-card/NoteCard.vue
index 954594e..cdb1899 100644
--- a/src/renderer/components/notes-list/note-card/NoteCard.vue
+++ b/src/renderer/components/notes-list/note-card/NoteCard.vue
@@ -61,6 +61,10 @@ export default {
     open(link) {
       this.$electron.shell.openExternal(link);
     },
+    exportToCarbon(content) {
+      let url = `https://carbon.now.sh/?bg=rgba(0,0,0,0)&t=dracula&l=auto&ds=true&wc=true&wa=true&pv=43px&ph=57px&ln=false&code=`;
+      this.$electron.shell.openExternal(`${url}${encodeURI(content)}`)
+    }
   },
 };
 </script>