MM-57548 - Fixing announcement banner icon (#26921)

* MM-57548 - Fixing announcement banner icon

https://mattermost.atlassian.net/browse/MM-57548

* removing alert icon

webapp/channels/src/components/announcement_bar/__snapshots__/text_dismissable_bar.test.tsx.snap

@@ -6,9 +6,8 @@ exports[`components/TextDismissableBar should match snapshot 1`] = `
   handleClose={[Function]}
   message={
     <React.Fragment>
-      <img
+      <i
-        className="advisor-icon"
+        className="icon-information-outline"
-        src={null}
       />
       <Memo(Connect(Markdown))
         message="sample text"
@@ -32,9 +31,8 @@ exports[`components/TextDismissableBar should match snapshot, with an internal a
   handleClose={[Function]}
   message={
     <React.Fragment>
-      <img
+      <i
-        className="advisor-icon"
+        className="icon-information-outline"
-        src={null}
       />
       <Memo(Connect(Markdown))
         message="A [link](http://testurl.com/admin_console/) with an internal url and a [link](http://other-url.com/admin_console/) with an external url"
@@ -59,9 +57,8 @@ exports[`components/TextDismissableBar should match snapshot, with an internal u
   handleClose={[Function]}
   message={
     <React.Fragment>
-      <img
+      <i
-        className="advisor-icon"
+        className="icon-information-outline"
-        src={null}
       />
       <Memo(Connect(Markdown))
         message="A [link](http://testurl.com/admin_console/) with an internal url"
@@ -86,9 +83,8 @@ exports[`components/TextDismissableBar should match snapshot, with ean external
   handleClose={[Function]}
   message={
     <React.Fragment>
-      <img
+      <i
-        className="advisor-icon"
+        className="icon-information-outline"
-        src={null}
       />
       <Memo(Connect(Markdown))
         message="A [link](http://otherurl.com/admin_console/) with an external url"
@@ -113,9 +109,8 @@ exports[`components/TextDismissableBar should match snapshot, with link but with
   handleClose={[Function]}
   message={
     <React.Fragment>
-      <img
+      <i
-        className="advisor-icon"
+        className="icon-information-outline"
-        src={null}
       />
       <Memo(Connect(Markdown))
         message="A [link](http://testurl.com/admin_console/)"

webapp/channels/src/components/announcement_bar/text_dismissable_bar.tsx

@@ -7,8 +7,6 @@ import {trackEvent} from 'actions/telemetry_actions.jsx';
 
 import Markdown from 'components/markdown';
 
-import alertIcon from 'images/icons/round-white-info-icon.svg';
-
 import AnnouncementBar from './default_announcement_bar';
 
 const localStoragePrefix = '__announcement__';
@@ -68,10 +66,7 @@ export default class TextDismissableBar extends React.PureComponent<Props, State
                 handleClose={this.handleDismiss}
                 message={
                     <>
-                        <img
+                        <i className='icon-information-outline'/>
-                            className='advisor-icon'
-                            src={alertIcon}
-                        />
                         {typeof text === 'string' ? (
                             <Markdown
                                 message={text}

webapp/channels/src/sass/components/_announcement-bar.scss

@@ -91,7 +91,6 @@
     .content__icon,
     i {
         margin-right: 4px;
-        color: #fff;
         font-family: 'compass-icons';
         font-size: 16px;
     }