feat: Add Megaphone and MS Teams icons for Notifications views (#574)

src/components/icons/MegaphoneIcon.tsx

@@ -0,0 +1,15 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="m6.141113 15.402344c-.249512 0-.586914-.085938-.780273-.494141-.72168-1.524414-1.018555-2.62207-1.260742-3.615234-2.055176-.37207-3.518066-2.092773-3.518066-4.128906 0-2.293945 1.866211-4.160156 4.160156-4.160156h.601562c.544922 0 1.092773-.023438 1.628906-.069824 2.207031-.19043 4.364258-.783203 6.412109-1.762207l-.105469-.439941.537109-.136719.566406-.199219c.032227.240234.164062.624023.248047.891113.447266 1.44043.728516 2.9375.836914 4.450195.033203.47168.050781.946777.050781 1.426758s-.017578.955078-.050781 1.426758c-.108398 1.513672-.389648 3.010742-.836914 4.450195-.083984.266602-.217773.651367-.311523.921875l-.551758-.24707-.514648-.181641.157227-.316406c-1.753906-.887695-3.607422-1.439453-5.532227-1.701172.085449.483398.508301 1.539062.700195 1.967773.161133.40918.047852.720703-.35791.978516l-1.408203.767578c-.125.063477-.380371.171875-.670898.171875zm-.87207-4.016602c.229004.927734.721191 2.163086.994629 2.816406.161621-.008789 1.112305-.512695 1.163086-.542969-.283203-.661133-.62207-1.614258-.808594-2.246094-.452637-.0625-.860352-.088867-1.274414-.088867h-.063965l-.010742.061523zm8.42334-9.144043c-1.958008.913086-4.03418 1.495117-6.171387 1.729492-.298828 1.13623-.422852 2.167969-.422852 3.192871 0 1.024414.124023 2.056641.379395 3.155273 2.181641.272461 4.257812.854492 6.214844 1.766602.386719-1.207031.59082-2.398438.674805-3.57373.03125-.444824.047852-.89502.047852-1.348145s-.016602-.90332-.047852-1.348145c-.083984-1.175293-.288086-2.366699-.605469-3.541992l-.014648-.057129-.054688.024902zm-8.950195 1.865235c-1.686035 0-3.057129 1.371094-3.057129 3.057129 0 1.685547 1.371094 3.056641 3.057129 3.056641h.601562c.214844 0 .427246.012695.639648.025391l.271973.014648c-.155762-1.066406-.260742-2.088379-.260742-3.09668 0-1.009277.10498-2.030762.312012-3.036133l-.339844-.044922c-.207031.011719-.413574.023926-.623047.023926z"
+      fill={color}
+    />
+  </svg>
+))

src/components/icons/MsTeamsLogoIcon.tsx

@@ -0,0 +1,103 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color, fullColor }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g
+      fill={color}
+      style={fullColor ? { display: 'none' } : {}}
+    >
+      <path d="m15.284729 6.19458h-1.795776c.103394.225525.163574.473816.157532.737549v4.266113c.016907.722229-.121094 1.413391-.378784 2.046204.039185.00177.075989.011658.115601.011658h.012207c1.433411 0 2.595398-1.161926 2.595398-2.595276v-3.760071c0-.390015-.316223-.706177-.706177-.706177z" />
+      <path d="m13.9464 5.45115c.9237 0 1.672501-.74879 1.672501-1.67248 0-.92368-.7488-1.67247-1.672501-1.67247s-1.6725.74879-1.6725 1.67247c0 .92369.7488 1.67248 1.6725 1.67248z" />
+      <path d="m11.964722 6.19458h-2.779175v5.265381c0 .926758-.754395 1.680664-1.681152 1.680664h-2.587708c.668335 1.351868 2.029053 2.30603 3.640991 2.345459 2.3125-.05658 4.142151-1.975708 4.088318-4.288208v-4.288574c.008911-.385376-.295898-.7052-.681274-.714722zm-2.779175-1.548584v.760681c1.122437-.208252 1.973633-1.188477 1.973633-2.371277 0-1.334167-1.081604-2.415771-2.415771-2.415771-1.309998 0-2.370483 1.044495-2.40863 2.345215h1.169617c.926758 0 1.681152.754395 1.681152 1.681152z" />
+      <path d="m7.504578 3.9646h-6.814026c-.376282 0-.681275.304992-.681275.681274v6.814026c0 .376221.304993.681213.681274.681213h6.814026c.376221 0 .681213-.304993.681213-.681213v-6.814026c0-.376282-.304993-.681274-.681213-.681274zm-1.614136 2.593567h-1.362122v3.709106h-.867798v-3.709106h-1.355835v-.719543h3.585754v.719543z" />
+    </g>
+    <g style={!fullColor ? { display: 'none' } : {}}>
+      <linearGradient
+        id="a"
+        gradientUnits="userSpaceOnUse"
+        x1="1.431358"
+        x2="6.773235"
+        y1="3.43553"
+        y2="12.687442"
+      >
+        <stop
+          offset="0"
+          stopColor="#5a62c3"
+        />
+        <stop
+          offset=".5"
+          stopColor="#4d55bd"
+        />
+        <stop
+          offset="1"
+          stopColor="#3940ab"
+        />
+      </linearGradient>
+      <path
+        d="m11.169464 6.201025h4.13284c.390454 0 .706974.316521.706974.706975v3.764467c0 1.435018-1.163307 2.598325-2.598325 2.598325h-.012283c-1.435018.000201-2.59849-1.16294-2.598698-2.597959v-4.102316c.000008-.204067.165433-.369492.369493-.369492z"
+        fill="#5059c9"
+      />
+      <circle
+        cx="13.962768"
+        cy="3.782418"
+        fill="#5059c9"
+        r="1.674419"
+      />
+      <circle
+        cx="8.753462"
+        cy="3.038236"
+        fill="#7b83eb"
+        r="2.418607"
+      />
+      <path
+        d="m11.978397 6.201025h-6.821959c-.385802.009548-.690995.329723-.682043.715539v4.293583c-.053876 2.31525 1.777841 4.236548 4.093026 4.29321 2.315185-.056662 4.146895-1.97796 4.093026-4.29321v-4.293583c.008937-.385816-.296248-.705991-.68205-.715539z"
+        fill="#7b83eb"
+      />
+      <path
+        d="m8.939511 6.201025v6.016745c-.001852.275912-.16905.523783-.424186.628835-.081234.034364-.16854.052074-.256744.052095h-3.456747c-.04837-.122791-.093021-.245581-.130235-.372091-.130249-.426965-.196709-.87082-.197212-1.317209v-4.293956c-.008944-.385199.295746-.704871.68093-.714419z"
+        opacity=".1"
+      />
+      <path
+        d="m8.56742 6.201025v6.388836c-.000014.088204-.017731.17551-.052095.256744-.105053.255136-.352923.422341-.628835.424186h-2.909771c-.063258-.122791-.122791-.245581-.174886-.372091s-.093021-.245581-.130235-.372091c-.130249-.426957-.196709-.87082-.197212-1.317209v-4.293956c-.008944-.385199.295746-.704871.68093-.714419h3.412103z"
+        opacity=".2"
+      />
+      <path
+        d="m8.56742 6.201025v5.644654c-.002836.374891-.30604.678094-.68093.68093h-3.214884c-.130249-.426957-.196709-.87082-.197212-1.317209v-4.293956c-.008944-.385199.295746-.704871.68093-.714419z"
+        opacity=".2"
+      />
+      <path
+        d="m8.195323 6.201025v5.644654c-.002836.374891-.30604.678094-.68093.68093h-2.842787c-.130249-.426957-.196709-.87082-.197212-1.317209v-4.293956c-.008944-.385199.295746-.704871.68093-.714419h3.039998z"
+        opacity=".2"
+      />
+      <path
+        d="m8.939511 4.277306v1.172093c-.063258.003719-.122791.007444-.186049.007444s-.122791-.003719-.186049-.007444c-.125597-.008334-.250162-.028262-.372091-.059533-.753492-.17844-1.375996-.706874-1.674419-1.421393-.051349-.119991-.091212-.244583-.119072-.372091h1.856742c.375479.001422.679509.305444.680937.680923z"
+        opacity=".1"
+      />
+      <path
+        d="m8.56742 4.649397v.800003c-.125597-.008334-.250162-.028262-.372091-.059533-.753492-.17844-1.375996-.706874-1.674419-1.421393h1.365579c.375472.001422.679502.305451.68093.680923z"
+        opacity=".2"
+      />
+      <path
+        d="m8.56742 4.649397v.800003c-.125597-.008334-.250162-.028262-.372091-.059533-.753492-.17844-1.375996-.706874-1.674419-1.421393h1.365579c.375472.001422.679502.305451.68093.680923z"
+        opacity=".2"
+      />
+      <path
+        d="m8.195323 4.649397v.740463c-.753492-.17844-1.375996-.706874-1.674419-1.421393h.993489c.375479.001429.679502.305458.68093.68093z"
+        opacity=".2"
+      />
+      <path
+        d="m.69132 3.968467h6.821952c.376685 0 .682043.305365.682043.682043v6.821952c0 .376685-.305365.682043-.682043.682043h-6.821952c-.376685 0-.682043-.305365-.682043-.682043v-6.821952c0-.376678.305365-.682043.682043-.682043z"
+        fill="url(#a)"
+      />
+      <path
+        d="m5.897281 6.564932h-1.363727v3.713491h-.868832v-3.713491h-1.357396v-.72037h3.589954v.72037z"
+        fill="#fff"
+      />
+    </g>
+  </svg>
+))

src/icons.ts

@@ -110,8 +110,10 @@ export { default as MailIcon } from './components/icons/MailIcon'
 export { default as ManagementClusterIcon } from './components/icons/ManagementClusterIcon'
 export { default as MarketIcon } from './components/icons/MarketIcon'
 export { default as MarketPlusIcon } from './components/icons/MarketPlusIcon'
+export { default as MegaphoneIcon } from './components/icons/MegaphoneIcon'
 export { default as MessagesIcon } from './components/icons/MessagesIcon'
 export { default as MoreIcon } from './components/icons/MoreIcon'
+export { default as MsTeamsLogoIcon } from './components/icons/MsTeamsLogoIcon'
 export { default as NetworkInIcon } from './components/icons/NetworkInIcon'
 export { default as NetworkInterfaceIcon } from './components/icons/NetworkInterfaceIcon'
 export { default as NewMailIcon } from './components/icons/NewMailIcon'