Bugfix for Inconsistent Alert Icon

components/alert/__examples__/error.jsx

@@ -10,7 +10,7 @@ class Example extends React.Component {
 			<IconSettings iconPath="/assets/icons">
 				<AlertContainer>
 					<Alert
-						icon={<Icon category="utility" name="ban" />}
+						icon={<Icon category="utility" name="error" />}
 						labels={{
 							heading:
 								'Your browser is currently not supported. Your Salesforce may be degraded.',

components/alert/__tests__/__snapshots__/alert.snapshot-test.jsx.snap

@@ -137,7 +137,7 @@ exports[`Alert Error DOM Snapshot 1`] = `
         className="slds-icon slds-icon--x-small"
       >
         <use
-          xlinkHref="/assets/icons/utility-sprite/svg/symbols.svg#ban"
+          xlinkHref="/assets/icons/utility-sprite/svg/symbols.svg#error"
         />
       </svg>
 
@@ -158,7 +158,7 @@ exports[`Alert Error DOM Snapshot 1`] = `
 
 exports[`Alert Error HTML Snapshot 1`] = `
 "<div class=\\"slds-notify-container\\">
-  <div class=\\"slds-notify slds-notify_alert slds-theme_alert-texture slds-theme_error\\" role=\\"alert\\"><span class=\\"slds-assistive-text\\">error</span><span class=\\"slds-m-right--x-small\\"><svg aria-hidden=\\"true\\" class=\\"slds-icon slds-icon--x-small\\"><use xlink:href=\\"/assets/icons/utility-sprite/svg/symbols.svg#ban\\"></use></svg></span>
+  <div class=\\"slds-notify slds-notify_alert slds-theme_alert-texture slds-theme_error\\" role=\\"alert\\"><span class=\\"slds-assistive-text\\">error</span><span class=\\"slds-m-right--x-small\\"><svg aria-hidden=\\"true\\" class=\\"slds-icon slds-icon--x-small\\"><use xlink:href=\\"/assets/icons/utility-sprite/svg/symbols.svg#error\\"></use></svg></span>
     <h2>Your browser is currently not supported. Your Salesforce may be degraded. <a href=\\"javascript:void(0);\\">More Information</a></h2>
   </div>
 </div>"