diff --git a/packages/manager/.changeset/pr-11962-changed-1743652792312.md b/packages/manager/.changeset/pr-11962-changed-1743652792312.md
new file mode 100644
index 00000000000..2116ae7e2b7
--- /dev/null
+++ b/packages/manager/.changeset/pr-11962-changed-1743652792312.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Update toast styling to Akamai Design System specs ([#11962](https://github.com/linode/manager/pull/11962))
diff --git a/packages/manager/src/components/Snackbar/CloseSnackbar.tsx b/packages/manager/src/components/Snackbar/CloseSnackbar.tsx
index 7a2ae79136f..b5be1ed6653 100644
--- a/packages/manager/src/components/Snackbar/CloseSnackbar.tsx
+++ b/packages/manager/src/components/Snackbar/CloseSnackbar.tsx
@@ -1,5 +1,4 @@
-import { IconButton } from '@linode/ui';
-import Close from '@mui/icons-material/Close';
+import { CloseIcon, IconButton } from '@linode/ui';
 import * as React from 'react';
 
 interface Props {
@@ -20,7 +19,7 @@ export const CloseSnackbar = (props: Props) => {
       size="large"
       title={text}
     >
-      <Close />
+      <CloseIcon width={16} height={16} />
     </IconButton>
   );
 };
diff --git a/packages/manager/src/components/Snackbar/Snackbar.tsx b/packages/manager/src/components/Snackbar/Snackbar.tsx
index d111476a7f9..c34633f19d5 100644
--- a/packages/manager/src/components/Snackbar/Snackbar.tsx
+++ b/packages/manager/src/components/Snackbar/Snackbar.tsx
@@ -5,14 +5,36 @@ import * as React from 'react';
 
 import { CloseSnackbar } from './CloseSnackbar';
 
+import {
+  InfoOutlinedIcon,
+  TipOutlinedIcon,
+  WarningOutlinedIcon,
+  ErrorOutlinedIcon,
+  SuccessOutlinedIcon,
+} from '@linode/ui';
+
 import type { Theme } from '@mui/material/styles';
 import type { SnackbarProviderProps } from 'notistack';
 
+// Add override for "tip" variant which is Akamai specific and not built into Notistack
+declare module 'notistack' {
+  interface VariantOverrides {
+    tip: true;
+  }
+}
+
 const StyledMaterialDesignContent = styled(MaterialDesignContent)(
   ({ theme }: { theme: Theme }) => ({
+    '#notistack-snackbar > svg': {
+      position: 'absolute',
+      left: '14px',
+    },
     '&.notistack-MuiContent': {
       color: theme.notificationToast.default.color,
       flexWrap: 'unset',
+      borderRadius: 0,
+      paddingLeft: theme.spacingFunction(12),
+      paddingRight: theme.spacingFunction(12),
       [theme.breakpoints.up('md')]: {
         maxWidth: '400px',
       },
@@ -25,7 +47,7 @@ const StyledMaterialDesignContent = styled(MaterialDesignContent)(
       backgroundColor: theme.notificationToast.error.backgroundColor,
       borderLeft: theme.notificationToast.error.borderLeft,
     },
-    '&.notistack-MuiContent-info': {
+    '&.notistack-MuiContent-info, &.notistack-MuiContent-tip': {
       backgroundColor: theme.notificationToast.info.backgroundColor,
       borderLeft: theme.notificationToast.info.borderLeft,
     },
@@ -37,6 +59,9 @@ const StyledMaterialDesignContent = styled(MaterialDesignContent)(
       backgroundColor: theme.notificationToast.warning.backgroundColor,
       borderLeft: theme.notificationToast.warning.borderLeft,
     },
+    '& #notistack-snackbar + div': {
+      paddingLeft: theme.spacingFunction(12),
+    },
   })
 );
 
@@ -50,13 +75,22 @@ export const Snackbar = (props: SnackbarProviderProps) => {
 
   return (
     <SnackbarProvider
+      iconVariant={{
+        default: <InfoOutlinedIcon />,
+        info: <InfoOutlinedIcon />,
+        tip: <TipOutlinedIcon />,
+        warning: <WarningOutlinedIcon />,
+        error: <ErrorOutlinedIcon />,
+        success: <SuccessOutlinedIcon />,
+      }}
       {...rest}
       Components={{
         default: StyledMaterialDesignContent,
-        error: StyledMaterialDesignContent,
         info: StyledMaterialDesignContent,
-        success: StyledMaterialDesignContent,
+        tip: StyledMaterialDesignContent,
         warning: StyledMaterialDesignContent,
+        error: StyledMaterialDesignContent,
+        success: StyledMaterialDesignContent,
       }}
       action={(snackbarId) => (
         <CloseSnackbar
diff --git a/packages/manager/src/components/Snackbar/ToastNotifications.stories.tsx b/packages/manager/src/components/Snackbar/ToastNotifications.stories.tsx
index 79399717b43..5ffcf5b9e9d 100644
--- a/packages/manager/src/components/Snackbar/ToastNotifications.stories.tsx
+++ b/packages/manager/src/components/Snackbar/ToastNotifications.stories.tsx
@@ -42,7 +42,7 @@ type Story = StoryObj<typeof Snackbar>;
 export const Default: Story = {
   args: {
     anchorOrigin: { horizontal: 'right', vertical: 'bottom' },
-    hideIconVariant: true,
+    hideIconVariant: false,
     maxSnack: 5,
   },
   render: (args) => <Template {...args} />,
@@ -58,7 +58,14 @@ function Template(args: any) {
 
 function Example() {
   const { enqueueSnackbar } = useSnackbar();
-  const variants = ['default', 'success', 'warning', 'error', 'info'] as const;
+  const variants = [
+    'default',
+    'success',
+    'warning',
+    'error',
+    'info',
+    'tip',
+  ] as const;
   const showToast = (variant: VariantType) =>
     enqueueSnackbar(
       'Toast message. This will auto destruct after five seconds.',
@@ -84,7 +91,7 @@ function Example() {
 export const WithEventMessage: Story = {
   args: {
     anchorOrigin: { horizontal: 'right', vertical: 'bottom' },
-    hideIconVariant: true,
+    hideIconVariant: false,
     maxSnack: 5,
   },
   render: (args) => {
@@ -124,7 +131,7 @@ export const WithEventMessage: Story = {
 export const WithLongMessage: Story = {
   args: {
     anchorOrigin: { horizontal: 'right', vertical: 'bottom' },
-    hideIconVariant: true,
+    hideIconVariant: false,
     maxSnack: 5,
   },
   render: (args) => {
diff --git a/packages/manager/src/index.tsx b/packages/manager/src/index.tsx
index 4030e14feab..f32238e29da 100644
--- a/packages/manager/src/index.tsx
+++ b/packages/manager/src/index.tsx
@@ -68,7 +68,7 @@ const Main = () => {
                 <Snackbar
                   anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
                   autoHideDuration={4000}
-                  hideIconVariant={true}
+                  hideIconVariant={false}
                   maxSnack={3}
                 >
                   <Switch>
diff --git a/packages/ui/.changeset/pr-11962-added-1743652880587.md b/packages/ui/.changeset/pr-11962-added-1743652880587.md
new file mode 100644
index 00000000000..ed2f4e52376
--- /dev/null
+++ b/packages/ui/.changeset/pr-11962-added-1743652880587.md
@@ -0,0 +1,5 @@
+---
+"@linode/ui": Added
+---
+
+Include outlined SVG icons for toast design ([#11962](https://github.com/linode/manager/pull/11962))
diff --git a/packages/ui/src/assets/icons/error-outlined.svg b/packages/ui/src/assets/icons/error-outlined.svg
new file mode 100644
index 00000000000..538bc951feb
--- /dev/null
+++ b/packages/ui/src/assets/icons/error-outlined.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 10C2 14.4183 5.58172 18 10 18C11.8487 18 13.551 17.3729 14.9056 16.3199L3.68014 5.09436C2.62708 6.44904 2 8.15129 2 10ZM5.09436 3.68014L16.3199 14.9056C17.3729 13.551 18 11.8487 18 10C18 5.58172 14.4183 2 10 2C8.15129 2 6.44904 2.62708 5.09436 3.68014ZM10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20Z" fill="white"/>
+</svg>
diff --git a/packages/ui/src/assets/icons/index.ts b/packages/ui/src/assets/icons/index.ts
index fe3a598fa29..0c74488d412 100644
--- a/packages/ui/src/assets/icons/index.ts
+++ b/packages/ui/src/assets/icons/index.ts
@@ -6,14 +6,19 @@ export { default as CheckboxIndeterminateIcon } from './checkboxIndeterminate.sv
 export { default as ChevronDownIcon } from './chevron-down.svg';
 export { default as ChevronUpIcon } from './chevron-up.svg';
 export { default as CloseIcon } from './close.svg';
+export { default as ErrorOutlinedIcon } from './error-outlined.svg';
 export { default as InfoIcon } from './info.svg';
+export { default as InfoOutlinedIcon } from './info-outlined.svg';
 export { default as PendingIcon } from './pending.svg';
 export { default as PlusSignIcon } from './plusSign.svg';
 export { default as RadioIcon } from './radio.svg';
 export { default as RadioIconRadioed } from './radioRadioed.svg';
 export { default as ReloadIcon } from './reload.svg';
+export { default as SuccessOutlinedIcon } from './success-outlined.svg';
+export { default as TipOutlinedIcon } from './tip-outlined.svg';
 export { default as ToggleOffIcon } from './toggleOff.svg';
 export { default as ToggleOnIcon } from './toggleOn.svg';
 export { default as VisibilityHideIcon } from './visibilityHide.svg';
 export { default as VisibilityShowIcon } from './visibilityShow.svg';
 export { default as WarningIcon } from './warning.svg';
+export { default as WarningOutlinedIcon } from './warning-outlined.svg';
diff --git a/packages/ui/src/assets/icons/info-outlined.svg b/packages/ui/src/assets/icons/info-outlined.svg
new file mode 100644
index 00000000000..b9769a3f914
--- /dev/null
+++ b/packages/ui/src/assets/icons/info-outlined.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2ZM0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10ZM9 5C9 4.44772 9.44771 4 10 4H10.01C10.5623 4 11.01 4.44772 11.01 5C11.01 5.55228 10.5623 6 10.01 6H10C9.44771 6 9 5.55228 9 5ZM10 7.5C10.5523 7.5 11 7.94772 11 8.5V15C11 15.5523 10.5523 16 10 16C9.44771 16 9 15.5523 9 15V8.5C9 7.94772 9.44771 7.5 10 7.5Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/packages/ui/src/assets/icons/success-outlined.svg b/packages/ui/src/assets/icons/success-outlined.svg
new file mode 100644
index 00000000000..0fca783ffc6
--- /dev/null
+++ b/packages/ui/src/assets/icons/success-outlined.svg
@@ -0,0 +1,4 @@
+
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2ZM0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10ZM14.5692 6.17781C15.0233 6.49217 15.1366 7.11513 14.8222 7.56921L10.3222 14.0692C10.161 14.302 9.90876 14.4556 9.62796 14.4918C9.34717 14.528 9.06417 14.4435 8.84921 14.2593L5.34921 11.2593C4.92988 10.8998 4.88132 10.2685 5.24074 9.84921C5.60017 9.42988 6.23147 9.38132 6.65079 9.74074L9.30894 12.0192L13.1778 6.43079C13.4922 5.97671 14.1151 5.86344 14.5692 6.17781Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/packages/ui/src/assets/icons/tip-outlined.svg b/packages/ui/src/assets/icons/tip-outlined.svg
new file mode 100644
index 00000000000..4fbf8c6788c
--- /dev/null
+++ b/packages/ui/src/assets/icons/tip-outlined.svg
@@ -0,0 +1,4 @@
+
+<svg width="20" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 2C4.98123 2 2.5 4.50236 2.5 7.63158C2.5 9.15683 3.09074 10.5358 4.04815 11.5483C4.44562 11.9686 4.86265 12.4541 5.22349 13H10.7765C11.1373 12.4541 11.5544 11.9686 11.9518 11.5483C12.9093 10.5358 13.5 9.15683 13.5 7.63158C13.5 4.50236 11.0188 2 8 2ZM9.89384 15H6.10616C6.17561 15.3165 6.21429 15.6453 6.21429 15.9859V16.2144C6.21429 17.2006 7.01374 18 8 18C8.98626 18 9.78571 17.2006 9.78571 16.2144V15.9859C9.78571 15.6453 9.82439 15.3165 9.89384 15ZM0.5 7.63158C0.5 3.43576 3.83907 0 8 0C12.1609 0 15.5 3.43576 15.5 7.63158C15.5 9.6827 14.7033 11.5495 13.405 12.9224C12.4398 13.9433 11.7857 14.9532 11.7857 15.9859V16.2144C11.7857 18.3052 10.0908 20 8 20C5.90925 20 4.21429 18.3052 4.21429 16.2144V15.9859C4.21429 14.9532 3.56025 13.9433 2.59496 12.9224C1.29669 11.5495 0.5 9.6827 0.5 7.63158Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/packages/ui/src/assets/icons/warning-outlined.svg b/packages/ui/src/assets/icons/warning-outlined.svg
new file mode 100644
index 00000000000..391587bc5bc
--- /dev/null
+++ b/packages/ui/src/assets/icons/warning-outlined.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 6.5C11.5523 6.5 12 6.94772 12 7.5V11.5C12 12.0523 11.5523 12.5 11 12.5C10.4477 12.5 10 12.0523 10 11.5V7.5C10 6.94772 10.4477 6.5 11 6.5Z" fill="#3D3D42"/>
+<path d="M12 15C12 15.5523 11.5523 16 11 16C10.4477 16 10 15.5523 10 15C10 14.4477 10.4477 14 11 14C11.5523 14 12 14.4477 12 15Z" fill="#3D3D42"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.69825 0.34297C10.0976 0.118122 10.5482 0 11.0065 0C11.4648 0 11.9154 0.118123 12.3148 0.34297C12.7141 0.567818 13.0488 0.891801 13.2865 1.28366C13.2968 1.30065 13.3066 1.31794 13.3159 1.33552L20.8016 15.5184C21.0276 15.9171 21.1471 16.3674 21.1483 16.826C21.1496 17.2916 21.029 17.7494 20.7984 18.154C20.5678 18.5585 20.2354 18.8956 19.834 19.1317C19.4327 19.3679 18.9766 19.4948 18.511 19.4999L18.5 19.5001L3.48898 19.5C3.02338 19.4949 2.56723 19.3679 2.16593 19.1317C1.76462 18.8956 1.43213 18.5585 1.20155 18.154C0.97097 17.7494 0.85033 17.2916 0.851634 16.826C0.852918 16.3673 0.97249 15.9168 1.19863 15.518L8.69748 1.33488C8.70665 1.31752 8.71634 1.30044 8.72652 1.28366C8.96421 0.891804 9.29888 0.56782 9.69825 0.34297ZM11.0065 2C10.8919 2 10.7793 2.02953 10.6795 2.08574C10.5862 2.13822 10.5071 2.21229 10.4487 2.3016L2.95902 16.4674C2.9532 16.4784 2.94718 16.4893 2.94096 16.5001C2.88275 16.6009 2.85195 16.7152 2.85163 16.8316C2.8513 16.948 2.88146 17.0624 2.93911 17.1636C2.99675 17.2647 3.07987 17.349 3.1802 17.408C3.2793 17.4663 3.39177 17.498 3.50667 17.5H18.4933C18.6082 17.498 18.7207 17.4663 18.8198 17.408C18.9201 17.349 19.0032 17.2647 19.0609 17.1636C19.1185 17.0624 19.1487 16.948 19.1483 16.8316C19.148 16.7152 19.1172 16.6009 19.059 16.5001C19.0554 16.4938 19.0519 16.4875 19.0484 16.4812C19.0458 16.4764 19.0432 16.4716 19.0406 16.4668L11.5642 2.30137C11.5058 2.21216 11.4267 2.13817 11.3336 2.08574C11.2337 2.02953 11.1211 2 11.0065 2Z" fill="#3D3D42"/>
+</svg>
\ No newline at end of file
diff --git a/packages/ui/src/foundations/themes/dark.ts b/packages/ui/src/foundations/themes/dark.ts
index 9059eb3773c..bc3aad356ab 100644
--- a/packages/ui/src/foundations/themes/dark.ts
+++ b/packages/ui/src/foundations/themes/dark.ts
@@ -109,24 +109,28 @@ export const customDarkModeOptions = {
 export const notificationToast = {
   default: {
     backgroundColor: NotificationToast.Informative.Background,
-    borderLeft: `6px solid ${NotificationToast.Informative.Border}`,
+    borderLeft: `48px solid ${NotificationToast.Informative.Border}`,
     color: NotificationToast.Text,
   },
   error: {
     backgroundColor: NotificationToast.Error.Background,
-    borderLeft: `6px solid ${NotificationToast.Error.Border}`,
+    borderLeft: `48px solid ${NotificationToast.Error.Border}`,
   },
   info: {
     backgroundColor: NotificationToast.Informative.Background,
-    borderLeft: `6px solid ${NotificationToast.Informative.Border}`,
+    borderLeft: `48px solid ${NotificationToast.Informative.Border}`,
   },
   success: {
     backgroundColor: NotificationToast.Success.Background,
-    borderLeft: `6px solid ${NotificationToast.Success.Border}`,
+    borderLeft: `48px solid ${NotificationToast.Success.Border}`,
   },
   warning: {
     backgroundColor: NotificationToast.Warning.Background,
-    borderLeft: `6px solid ${NotificationToast.Warning.Border}`,
+    borderLeft: `48px solid ${NotificationToast.Warning.Border}`,
+  },
+  tip: {
+    backgroundColor: NotificationToast.Informative.Background,
+    borderLeft: `48px solid ${NotificationToast.Informative.Border}`,
   },
 } as const;
 
diff --git a/packages/ui/src/foundations/themes/light.ts b/packages/ui/src/foundations/themes/light.ts
index d1f6f56d698..3b32c7e326e 100644
--- a/packages/ui/src/foundations/themes/light.ts
+++ b/packages/ui/src/foundations/themes/light.ts
@@ -115,24 +115,28 @@ export const borderColors = {
 export const notificationToast = {
   default: {
     backgroundColor: NotificationToast.Informative.Background,
-    borderLeft: `6px solid ${NotificationToast.Informative.Border}`,
+    borderLeft: `48px solid ${NotificationToast.Informative.Border}`,
     color: NotificationToast.Text,
   },
   error: {
     backgroundColor: NotificationToast.Error.Background,
-    borderLeft: `6px solid ${NotificationToast.Error.Border}`,
+    borderLeft: `48px solid ${NotificationToast.Error.Border}`,
   },
   info: {
     backgroundColor: NotificationToast.Informative.Background,
-    borderLeft: `6px solid ${NotificationToast.Informative.Border}`,
+    borderLeft: `48px solid ${NotificationToast.Informative.Border}`,
   },
   success: {
     backgroundColor: NotificationToast.Success.Background,
-    borderLeft: `6px solid ${NotificationToast.Success.Border}`,
+    borderLeft: `48px solid ${NotificationToast.Success.Border}`,
   },
   warning: {
     backgroundColor: NotificationToast.Warning.Background,
-    borderLeft: `6px solid ${NotificationToast.Warning.Border}`,
+    borderLeft: `48px solid ${NotificationToast.Warning.Border}`,
+  },
+  tip: {
+    backgroundColor: NotificationToast.Informative.Background,
+    borderLeft: `48px solid ${NotificationToast.Informative.Border}`,
   },
 } as const;