diff --git a/package-lock.json b/package-lock.json
index bdddd93..5caa691 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "lindsvg-pwa",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "lindsvg-pwa",
-      "version": "2.4.1",
+      "version": "2.4.2",
       "dependencies": {
         "@vueuse/core": "^10.9.0",
         "lindsvg": "^1.5.0",
diff --git a/package.json b/package.json
index 669b374..9003dd6 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lindsvg-pwa",
   "private": true,
-  "version": "2.4.1",
+  "version": "2.4.2",
   "type": "module",
   "scripts": {
     "lint": "eslint \"src/**/*.{mjs,vue}\"",
diff --git a/src/assets/icons.svg b/src/assets/icons.svg
index bb729a4..d94fbf3 100644
--- a/src/assets/icons.svg
+++ b/src/assets/icons.svg
@@ -1 +1 @@
-<svg width="175" height="25" viewBox="0 0 175 25" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M13.99 5.66c-.38-1.56-2.6-1.56-2.98 0a1.53 1.53 0 0 1-2.29.95c-1.37-.84-2.94.73-2.1 2.1.54.9.06 2.05-.95 2.3-1.56.37-1.56 2.6 0 2.97 1.01.24 1.5 1.4.95 2.29-.84 1.37.73 2.94 2.1 2.1a1.53 1.53 0 0 1 2.3.95c.37 1.56 2.6 1.56 2.97 0a1.53 1.53 0 0 1 2.29-.95c1.37.84 2.94-.73 2.1-2.1a1.53 1.53 0 0 1 .95-2.29c1.56-.38 1.56-2.6 0-2.98-1-.24-1.49-1.4-.95-2.28.84-1.38-.73-2.95-2.1-2.1-.9.55-2.06.05-2.29-.97zm-1.49 9.83c4 0 4-6 0-6s-4 6 0 6zM61.49 4.5a1 1 0 0 0-.9.55l-.72 1.44h-3.38c-1.33 0-1.33 2 0 2v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2v-10c1.33 0 1.33-2 0-2h-3.38l-.73-1.44a1 1 0 0 0-.9-.56zm-2 6c0-1.33 2-1.33 2 0v6c0 1.33-2 1.33-2 0zm5-1a1 1 0 0 0-1 1v6c0 1.33 2 1.33 2 0v-6a1 1 0 0 0-1-1zm-27 11a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM36.21 9.77c-.94-1.09-2.5.5-1.4 1.42l1.28 1.3-1.29 1.28c-.95.94.46 2.36 1.41 1.42l1.3-1.3 1.3 1.3c.94 1.09 2.5-.5 1.4-1.42l-1.29-1.29 1.3-1.3c1.09-.94-.5-2.5-1.42-1.4l-1.3 1.29zM87.49 5.5a1 1 0 0 1 .7.3l3 3c1.17.93-.47 2.58-1.4 1.41l-2.3-2.29-2.3 2.3c-.94 1.09-2.5-.5-1.4-1.42l3-3a1 1 0 0 1 .7-.3zm-3.7 9.3a1 1 0 0 1 1.4 0l2.3 2.3 2.3-2.3c.93-1.17 2.57.48 1.4 1.41l-3 3a1 1 0 0 1-1.4 0l-3-3a1 1 0 0 1 0-1.41zm21.7-9.3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-.3.7l-4.7 4.71v3.59a1 1 0 0 1-.3.7l-2 2a1 1 0 0 1-1.7-.7v-5.59l-4.7-4.7a1 1 0 0 1-.3-.71zM155.04 2.05a3 3 0 0 0-3 3v15a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3v-15a3 3 0 0 0-3-3zm.5 2h2.5v17h-2.5a1.5 1.5 0 0 1-1.5-1.5v-14c0-.84.66-1.5 1.5-1.5zm4.5 0h9.5c.82 0 1.5.66 1.5 1.5v14c0 .82-.68 1.5-1.5 1.5h-9.5z"/><path d="m161.54 12.35 6.58-3.8v7.6l-3.3-1.9z"/></g><path d="M140.45 4.5h.36c.55-.01 1.15.1 1.67.3a4.75 4.75 0 0 1 2.1 7.25c-.32.41-.69.76-1.05 1.13-.25.24-.44.48-.77.6a1.07 1.07 0 0 1-1.38-.6c-.04-.13-.04-.27-.04-.41.02-.74.87-1.3 1.32-1.82.78-.86.9-2.08.32-3.06-.12-.22-.26-.36-.42-.54a2.53 2.53 0 0 0-3.4-.14c-.4.33-1.07 1.14-1.46 1.34a1.19 1.19 0 0 1-.44.11c-1.04.05-1.46-1.1-.8-1.83l.56-.57a5.52 5.52 0 0 1 1.99-1.43c.54-.22.9-.25 1.45-.33zm-1.01 4.73c.7-.1 1.28.26 1.33 1 .05.66-.57 1.11-1 1.52l-3.48 3.48c-.36.36-.5.54-1.05.52-.56 0-.96-.45-1-1-.06-.66.57-1.12 1-1.53l2.82-2.84c.2-.19.88-.9 1.06-1.01.12-.07.2-.1.32-.14zm-6.95 1.9c.87-.1 1.43.73 1.07 1.52-.28.62-1.2 1.12-1.62 1.98a2.93 2.93 0 0 0-.29 1.16c0 .96.61 1.88 1.45 2.3.46.24.79.26 1.3.25.88 0 1.48-.59 2.05-1.16.39-.39.7-.84 1.3-.87.63-.02 1.15.46 1.11 1.11a1.2 1.2 0 0 1-.36.76c-.41.47-1.13 1.17-1.64 1.52a4.9 4.9 0 0 1-4.37.47 4.76 4.76 0 0 1-1.87-7.48l.82-.84c.36-.38.53-.62 1.05-.72z"/></svg>
\ No newline at end of file
+<svg width="225" height="25" viewBox="0 0 225 25" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M13.99 5.66c-.38-1.56-2.6-1.56-2.98 0a1.53 1.53 0 0 1-2.29.95c-1.37-.84-2.94.73-2.1 2.1.54.9.06 2.05-.95 2.3-1.56.37-1.56 2.6 0 2.97 1.01.24 1.5 1.4.95 2.29-.84 1.37.73 2.94 2.1 2.1a1.53 1.53 0 0 1 2.3.95c.37 1.56 2.6 1.56 2.97 0a1.53 1.53 0 0 1 2.29-.95c1.37.84 2.94-.73 2.1-2.1a1.53 1.53 0 0 1 .95-2.29c1.56-.38 1.56-2.6 0-2.98-1-.24-1.49-1.4-.95-2.28.84-1.38-.73-2.95-2.1-2.1-.9.55-2.06.05-2.29-.97zm-1.49 9.83c4 0 4-6 0-6s-4 6 0 6zM61.49 4.5a1 1 0 0 0-.9.55l-.72 1.44h-3.38c-1.33 0-1.33 2 0 2v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2v-10c1.33 0 1.33-2 0-2h-3.38l-.73-1.44a1 1 0 0 0-.9-.56zm-2 6c0-1.33 2-1.33 2 0v6c0 1.33-2 1.33-2 0zm5-1a1 1 0 0 0-1 1v6c0 1.33 2 1.33 2 0v-6a1 1 0 0 0-1-1zm-27 11a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM36.21 9.77c-.94-1.09-2.5.5-1.4 1.42l1.28 1.3-1.29 1.28c-.95.94.46 2.36 1.41 1.42l1.3-1.3 1.3 1.3c.94 1.09 2.5-.5 1.4-1.42l-1.29-1.29 1.3-1.3c1.09-.94-.5-2.5-1.42-1.4l-1.3 1.29zM87.49 5.5a1 1 0 0 1 .7.3l3 3c1.17.93-.47 2.58-1.4 1.41l-2.3-2.29-2.3 2.3c-.94 1.09-2.5-.5-1.4-1.42l3-3a1 1 0 0 1 .7-.3zm-3.7 9.3a1 1 0 0 1 1.4 0l2.3 2.3 2.3-2.3c.93-1.17 2.57.48 1.4 1.41l-3 3a1 1 0 0 1-1.4 0l-3-3a1 1 0 0 1 0-1.41zm21.7-9.3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-.3.7l-4.7 4.71v3.59a1 1 0 0 1-.3.7l-2 2a1 1 0 0 1-1.7-.7v-5.59l-4.7-4.7a1 1 0 0 1-.3-.71zm49.55-3.45a3 3 0 0 0-3 3v15a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3v-15a3 3 0 0 0-3-3zm.5 2h2.5v17h-2.5a1.5 1.5 0 0 1-1.5-1.5v-14c0-.84.66-1.5 1.5-1.5zm4.5 0h9.5c.82 0 1.5.66 1.5 1.5v14c0 .82-.68 1.5-1.5 1.5h-9.5z"/><path d="m161.54 12.35 6.58-3.8v7.6l-3.3-1.9z"/></g><path d="M140.45 4.5h.36c.55-.01 1.15.1 1.67.3a4.75 4.75 0 0 1 2.1 7.25c-.32.41-.69.76-1.05 1.13-.25.24-.44.48-.77.6a1.07 1.07 0 0 1-1.38-.6c-.04-.13-.04-.27-.04-.41.02-.74.87-1.3 1.32-1.82.78-.86.9-2.08.32-3.06-.12-.22-.26-.36-.42-.54a2.53 2.53 0 0 0-3.4-.14c-.4.33-1.07 1.14-1.46 1.34a1.19 1.19 0 0 1-.44.11c-1.04.05-1.46-1.1-.8-1.83l.56-.57a5.52 5.52 0 0 1 1.99-1.43c.54-.22.9-.25 1.45-.33zm-1.01 4.73c.7-.1 1.28.26 1.33 1 .05.66-.57 1.11-1 1.52l-3.48 3.48c-.36.36-.5.54-1.05.52-.56 0-.96-.45-1-1-.06-.66.57-1.12 1-1.53l2.82-2.84c.2-.19.88-.9 1.06-1.01.12-.07.2-.1.32-.14zm-6.95 1.9c.87-.1 1.43.73 1.07 1.52-.28.62-1.2 1.12-1.62 1.98a2.93 2.93 0 0 0-.29 1.16c0 .96.61 1.88 1.45 2.3.46.24.79.26 1.3.25.88 0 1.48-.59 2.05-1.16.39-.39.7-.84 1.3-.87.63-.02 1.15.46 1.11 1.11a1.2 1.2 0 0 1-.36.76c-.41.47-1.13 1.17-1.64 1.52a4.9 4.9 0 0 1-4.37.47 4.76 4.76 0 0 1-1.87-7.48l.82-.84c.36-.38.53-.62 1.05-.72zM179.5 11.25c0-.97.78-1.75 1.75-1.75h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .14.1.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5a1.75 1.75 0 0 1-1.75 1.75h-7.5a1.75 1.75 0 0 1-1.75-1.75z"/><path d="M184.5 6.25c0-.97.78-1.75 1.75-1.75h7.5c.97 0 1.75.78 1.75 1.75v7.5a1.75 1.75 0 0 1-1.75 1.75h-7.5a1.75 1.75 0 0 1-1.75-1.75zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .14.1.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25z"/><path d="M220.4 4.5v.1c-.82.69-1.44 1.35-1.88 1.96-3.48 4.72-5.56 8.8-6.22 12.24-.06.63-.18.95-.35.95-1.25.5-1.94.75-2.08.75-1.08-2.75-2.71-4.13-4.9-4.13h-.37v-.11l2.6-1.17c1.6 0 2.8.7 3.58 2.1h.1a24.72 24.72 0 0 1 1.82-4.51c1.04-1.91 2.4-3.87 4.05-5.86a6.12 6.12 0 0 1 3.65-2.32z"/></svg>
\ No newline at end of file
diff --git a/src/components/PanelCollections.vue b/src/components/PanelCollections.vue
index 7ffb309..9d9bdb0 100644
--- a/src/components/PanelCollections.vue
+++ b/src/components/PanelCollections.vue
@@ -52,11 +52,17 @@ function deleteLSystem(lid) {
   collectionsStore.deleteLSystem(lid);
 }
 
-function copyPermalink(cid, lid) {
+async function copyPermalink(target, cid, lid) {
   let url = new URL(location.origin + location.pathname);
   url.searchParams.set("cid", cid);
   url.searchParams.set("lid", lid);
-  navigator.clipboard.writeText(url.toString());
+  await navigator.clipboard.writeText(url.toString());
+  target.classList.remove(interfaceStyles.iconButtonLink);
+  target.classList.add(interfaceStyles.iconButtonCheck);
+  setTimeout(() => {
+    target.classList.remove(interfaceStyles.iconButtonCheck);
+    target.classList.add(interfaceStyles.iconButtonLink);
+  }, 2000);
 }
 </script>
 
@@ -122,7 +128,7 @@ function copyPermalink(cid, lid) {
               tabindex="-1"
               :class="[$style.permalinkButton, interfaceStyles.iconButton, interfaceStyles.iconButtonLink]"
               title="Copy L-system permalink"
-              @click="copyPermalink(cid, lid)"
+              @click="({target}) => copyPermalink(target, cid, lid)"
             />
             <button
               type="button"
diff --git a/src/components/PanelSharing.vue b/src/components/PanelSharing.vue
index 9d07fed..3539d7f 100644
--- a/src/components/PanelSharing.vue
+++ b/src/components/PanelSharing.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {computed} from "vue";
+import {computed, useCssModule} from "vue";
 import {useCollectionsStore} from "../stores/collections.mjs";
 import {useLSystemStore} from "../stores/lSystem.mjs";
 import {useInterfaceStore} from "../stores/interface.mjs";
@@ -51,9 +51,12 @@ function launchShare() {
   });
 }
 
-function copyLSVG() {
+let copiedClassName = useCssModule().copied;
+async function copyLSVG({target}) {
   let text = JSON.stringify(lsvg.value, null, 2);
-  navigator.clipboard.writeText(text);
+  await navigator.clipboard.writeText(text);
+  target.classList.add(copiedClassName);
+  setTimeout(() => target.classList.remove(copiedClassName), 2000);
 }
 </script>
 
@@ -113,18 +116,12 @@ function copyLSVG() {
         <li><a href="https://docs.github.com/en/get-started/writing-on-github/editing-and-sharing-content-with-gists/creating-gists#creating-a-gist" target="_blank" rel="noopener">Create</a> a <em>public</em> gist on GitHub.</li>
         <li>
           Copy LSVG file content
-          <svg
-            :class="$style.copyButton"
-            height="16"
-            width="16"
-            viewBox="0 0 16 16"
-            xmlns="http://www.w3.org/2000/svg"
+          <button
+            type="button"
+            title="Copy LSVG to clipboard"
+            :class="[interfaceStyles.iconButton, interfaceStyles.iconButtonCopy, $style.copyButton]"
             @click="copyLSVG"
-          >
-            <title>Copy LSVG to clipboard</title>
-            <path d="M0 6.75C0 5.78.78 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .14.11.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z" />
-            <path d="M5 1.75C5 .78 5.78 0 6.75 0h7.5C15.22 0 16 .78 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .14.11.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z" />
-          </svg>
+          />
           into the newly created public gist and save it as JSON.
         </li>
         <li>
@@ -170,9 +167,20 @@ function copyLSVG() {
   }
 
   .copyButton {
-    cursor: pointer;
-    fill: var(--color-accent);
-    margin-inline: 4px;
+    display: inline-flex;
+    height: 18px;
+    margin-inline: 2px;
+    width: 18px;
+
+    &::before {
+      --mask-pos: -179px -4px;
+      height: 100%;
+      width: 100%;
+    }
+
+    &.copied::before {
+      --mask-pos: -204px -4px;
+    }
   }
 
   .permalink {
diff --git a/src/styles/interface.module.css b/src/styles/interface.module.css
index 464899f..bd2b4d6 100644
--- a/src/styles/interface.module.css
+++ b/src/styles/interface.module.css
@@ -75,31 +75,35 @@
     background-color: var(--color-accent);
     content: "";
     height: 25px;
-    -webkit-mask: url(../assets/icons.svg) -100% -100% no-repeat;
-    mask: url(../assets/icons.svg) -100% -100% no-repeat;
+    -webkit-mask: url(../assets/icons.svg) var(--mask-pos, -100% -100%) no-repeat;
+    mask: url(../assets/icons.svg) var(--mask-pos, -100% -100%) no-repeat;
     width: 25px;
   }
 }
 
 .iconButtonConfig::before {
-  -webkit-mask-position: 0 0;
-  mask-position: 0 0;
+  --mask-pos: 0 0;
 }
 
 .iconButtonErase::before,
 .iconButtonAdd::before {
-  -webkit-mask-position: -25px 0;
-  mask-position: -25px 0;
+  --mask-pos: -25px 0;
 }
 
 .iconButtonDelete::before {
-  -webkit-mask-position: -50px 0;
-  mask-position: -50px 0;
+  --mask-pos: -50px 0;
 }
 
 .iconButtonLink::before {
-  -webkit-mask-position: -125px 0;
-  mask-position: -125px 0;
+  --mask-pos: -125px 0;
+}
+
+.iconButtonCopy::before {
+  --mask-pos: -175px 0;
+}
+
+.iconButtonCheck::before {
+  --mask-pos: -200px 0;
 }
 
 @keyframes add-breath {