diff --git a/static/index.js b/static/index.js
index d7a612eef..da87e4433 100644
--- a/static/index.js
+++ b/static/index.js
@@ -3,27 +3,41 @@ function formatCrateName(crateTitleAndVersion) {
     return stringParts[0] + ' = "' + stringParts[1] + '"';
 }
 
-function copyTextHandler() {
-    const crateTitleAndVersion = document.getElementById("crate-title");
-    // On rustdoc pages, we use `textTransform: uppercase`, which copies as uppercase.
-    // To avoid that, reset the styles temporarily.
-    const oldTransform = crateTitleAndVersion.style.textTransform;
-    crateTitleAndVersion.style.textTransform = "none";
-    const temporaryInput = document.createElement("input");
-
-    temporaryInput.type = "text";
-    temporaryInput.value = formatCrateName(crateTitleAndVersion.innerText);
-
-    document.body.append(temporaryInput);
-    temporaryInput.select();
-    document.execCommand("copy");
-
-    temporaryInput.remove();
-    crateTitleAndVersion.style.textTransform = oldTransform;
-}
-
 (function() {
     const clipboard = document.getElementById("clipboard");
+    let resetClipboardTimeout = null;
+    let resetClipboardIcon = clipboard.innerHTML;
+
+    function resetClipboard() {
+        resetClipboardTimeout = null;
+        clipboard.innerHTML = resetClipboardIcon;
+    }
+
+    function copyTextHandler() {
+        const crateTitleAndVersion = document.getElementById("crate-title");
+        // On rustdoc pages, we use `textTransform: uppercase`, which copies as uppercase.
+        // To avoid that, reset the styles temporarily.
+        const oldTransform = crateTitleAndVersion.style.textTransform;
+        crateTitleAndVersion.style.textTransform = "none";
+        const temporaryInput = document.createElement("input");
+
+        temporaryInput.type = "text";
+        temporaryInput.value = formatCrateName(crateTitleAndVersion.innerText);
+
+        document.body.append(temporaryInput);
+        temporaryInput.select();
+        document.execCommand("copy");
+
+        temporaryInput.remove();
+        crateTitleAndVersion.style.textTransform = oldTransform;
+
+        clipboard.textContent = "✓";
+        if (resetClipboardTimeout !== null) {
+            clearTimeout(resetClipboardTimeout);
+        }
+        resetClipboardTimeout = setTimeout(resetClipboard, 1000);
+    }
+
     if (clipboard != null) clipboard.addEventListener("click", copyTextHandler);
     for (const e of document.querySelectorAll('a[data-fragment="retain"]')) {
         e.addEventListener('mouseover', () => e.hash = document.location.hash);
diff --git a/templates/clipboard.svg b/templates/clipboard.svg
new file mode 100644
index 000000000..93c03391c
--- /dev/null
+++ b/templates/clipboard.svg
@@ -0,0 +1 @@
+{# This icon is copied from crates.io #}<svg width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Copy to clipboard"><path d="M18 20h2v3c0 1-1 2-2 2H2c-.998 0-2-1-2-2V5c0-.911.755-1.667 1.667-1.667h5A3.323 3.323 0 0110 0a3.323 3.323 0 013.333 3.333h5C19.245 3.333 20 4.09 20 5v8.333h-2V9H2v14h16v-3zM3 7h14c0-.911-.793-1.667-1.75-1.667H13.5c-.957 0-1.75-.755-1.75-1.666C11.75 2.755 10.957 2 10 2s-1.75.755-1.75 1.667c0 .911-.793 1.666-1.75 1.666H4.75C3.793 5.333 3 6.09 3 7z"/><path d="M4 19h6v2H4zM12 11H4v2h8zM4 17h4v-2H4zM15 15v-3l-4.5 4.5L15 21v-3l8.027-.032L23 15z"/></svg>
\ No newline at end of file
diff --git a/templates/header/package_navigation.html b/templates/header/package_navigation.html
index a4f65f0b5..71b28b337 100644
--- a/templates/header/package_navigation.html
+++ b/templates/header/package_navigation.html
@@ -27,7 +27,7 @@ <h1 id="crate-title">
                         {{ title }}
                     {%- else -%}
                         {{ metadata.name }} {{ metadata.version }}
-                        {{ "copy" | far(id="clipboard", aria_label="Copy crate name and version information", fa=true) }}
+                        <span id="clipboard" class="fa-svg fa-svg-fw" title="Copy crate name and version information">{%- include "clipboard.svg" -%}</span>
                     {%- endif -%}
                 </h1>
 
diff --git a/templates/rustdoc/topbar.html b/templates/rustdoc/topbar.html
index 12cae107e..5a99abdd2 100644
--- a/templates/rustdoc/topbar.html
+++ b/templates/rustdoc/topbar.html
@@ -19,7 +19,7 @@
                 <ul class="pure-menu-list menu-item-divided">
                     <li class="pure-menu-heading" id="crate-title">
                         {{ krate.name }} {{ krate.version }}
-                        {{ "copy" | far(id="clipboard", aria_label="Copy crate name and version information", fw=true) }}
+                        <span id="clipboard" class="fa-svg fa-svg-fw" title="Copy crate name and version information">{%- include "clipboard.svg" -%}</span>
                     </li>
 
                     <li class="pure-menu-item">
diff --git a/templates/style/rustdoc.scss b/templates/style/rustdoc.scss
index 6f2e8bd76..a71b6a93e 100644
--- a/templates/style/rustdoc.scss
+++ b/templates/style/rustdoc.scss
@@ -6,6 +6,10 @@
     min-height: calc(100vh - #{$top-navbar-height + $footer-height + 2});
 }
 
+#clipboard {
+    cursor: pointer;
+}
+
 // Force the navbar to be left-aligned on rustdoc pages
 body.rustdoc-page > .nav-container > .container {
     margin-left: 0;