diff --git a/package.json b/package.json
index 40d7aa76..240eeca0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@dassana-io/web-components",
-	"version": "0.10.16",
+	"version": "0.10.17",
 	"publishConfig": {
 		"registry": "https://npm.pkg.github.com/dassana-io"
 	},
diff --git a/src/components/Icon/IconsMap.ts b/src/components/Icon/IconsMap.ts
index 7dec524a..f58557a9 100644
--- a/src/components/Icon/IconsMap.ts
+++ b/src/components/Icon/IconsMap.ts
@@ -1,3 +1,4 @@
+import { ReactComponent as ALERT_MANAGER } from '../assets/icons/alert-manager.svg'
 import { ReactComponent as APP_STORE } from '../assets/icons/app-store.svg'
 import { ReactComponent as AWS } from '../assets/icons/aws.svg'
 import { ReactComponent as AZURE } from '../assets/icons/azure.svg'
@@ -15,6 +16,7 @@ NOTE: When you add an svg, make sure it doesn't have a predefined height and wid
 TODO: Find a better rollup plugin that handles importing images as ReactComponent's. 
 */
 const Icons = {
+	alertManager: ALERT_MANAGER,
 	appStore: APP_STORE,
 	aws: AWS,
 	azure: AZURE,
diff --git a/src/components/assets/icons/alert-manager.svg b/src/components/assets/icons/alert-manager.svg
new file mode 100644
index 00000000..50290ee8
--- /dev/null
+++ b/src/components/assets/icons/alert-manager.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M194.74 96l54.63 54.63c6 6 14.14 9.37 22.63 9.37h192c8.84 0 16 7.16 16 16v224c0 8.84-7.16 16-16 16H48c-8.84 0-16-7.16-16-16V112c0-8.84 7.16-16 16-16h146.74M48 64C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48H272l-54.63-54.63c-6-6-14.14-9.37-22.63-9.37H48z"/></svg>
\ No newline at end of file