diff --git a/docs/components/icon.md b/docs/components/icon.md
index 58a08d58b..12754c4d9 100644
--- a/docs/components/icon.md
+++ b/docs/components/icon.md
@@ -9,11 +9,11 @@ The icons that come bundled with Shoelace are courtesy of the [Bootstrap Icons](
 ```html preview
 <sl-icon name="exclamation-triangle"></sl-icon>
 <sl-icon name="archive"></sl-icon>
-<sl-icon name="battery"></sl-icon>
+<sl-icon name="battery-charging"></sl-icon>
 <sl-icon name="bell"></sl-icon>
 <sl-icon name="clock"></sl-icon>
 <sl-icon name="download"></sl-icon>
-<sl-icon name="file"></sl-icon>
+<sl-icon name="file-earmark"></sl-icon>
 <sl-icon name="flag"></sl-icon>
 <sl-icon name="heart"></sl-icon>
 <sl-icon name="image"></sl-icon>
@@ -39,11 +39,11 @@ Icon sizes are determined by the current font size.
 <div style="font-size: 32px;">
   <sl-icon name="exclamation-triangle"></sl-icon>
   <sl-icon name="archive"></sl-icon>
-  <sl-icon name="battery"></sl-icon>
+  <sl-icon name="battery-charging"></sl-icon>
   <sl-icon name="bell"></sl-icon>
   <sl-icon name="clock"></sl-icon>
   <sl-icon name="download"></sl-icon>
-  <sl-icon name="file"></sl-icon>
+  <sl-icon name="file-earmark"></sl-icon>
   <sl-icon name="flag"></sl-icon>
   <sl-icon name="heart"></sl-icon>
   <sl-icon name="image"></sl-icon>
diff --git a/package-lock.json b/package-lock.json
index 05b5dd4a0..6eebfbbf8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -877,7 +877,8 @@
     "bootstrap-icons": {
       "version": "1.0.0-alpha4",
       "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.0.0-alpha4.tgz",
-      "integrity": "sha512-UcpSUPsvUiW7ueBQfXZSgknJv/rj060dglhWIRPjkLjUWa32jMWqsLXO8tXY2od4Ew6cuh0BJ3f8VOhQPVY4mA=="
+      "integrity": "sha512-UcpSUPsvUiW7ueBQfXZSgknJv/rj060dglhWIRPjkLjUWa32jMWqsLXO8tXY2od4Ew6cuh0BJ3f8VOhQPVY4mA==",
+      "dev": true
     },
     "brace-expansion": {
       "version": "1.1.11",
diff --git a/package.json b/package.json
index fca9c53e7..fac420c2c 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "@stencil/eslint-plugin": "^0.3.1",
     "@typescript-eslint/eslint-plugin": "^2.28.0",
     "@typescript-eslint/parser": "^2.28.0",
+    "bootstrap-icons": "^1.0.0-alpha4",
     "browser-sync": "^2.26.7",
     "chalk": "^4.0.0",
     "concurrently": "^5.1.0",
@@ -52,7 +53,6 @@
     "@sphinxxxx/color-conversion": "^2.2.2",
     "@stencil/core": "^1.14.0",
     "@stencil/sass": "^1.1.1",
-    "bootstrap-icons": "^1.0.0-alpha4",
     "color": "^3.1.2",
     "normalize.css": "^8.0.1",
     "resize-observer-polyfill": "^1.5.1"