[NO TICKET] Add hospital icon

packages/design-system/src/components/locale/en.json

@@ -62,6 +62,7 @@
     "filter": "Filters",
     "hhsLogo": "Department of Health and Human Services",
     "hospice": "Hospice",
+    "hospital": "Hospital",
     "image": "Image",
     "infoCircle": "Information",
     "link": "Link",

packages/design-system/src/components/locale/es.json

@@ -63,6 +63,7 @@
     "heart": "Favorito",
     "hhsLogo": "Departamento de Salud y Servicios Humanos de los Estados Unidos",
     "hospice": "Hospicio",
+    "hospital": "Hospital",
     "image": "Imagen",
     "infoCircle": "Información",
     "link": "Enlace",

packages/ds-medicare-gov/src/components/Icons/HospitalIcon.tsx

@@ -0,0 +1,27 @@
+import type * as React from 'react';
+import { SvgIcon, t } from '@cmsgov/design-system';
+import { IconCommonProps } from '@cmsgov/design-system';
+
+const defaultProps = {
+  className: '',
+  viewBox: '0 0 32 32',
+};
+
+function HospitalIcon(props: IconCommonProps): React.ReactElement {
+  const iconCssClasses = `ds-c-icon--hospital ${props.className || ''}`;
+
+  return (
+    <span className="icon-wrapper">
+      <SvgIcon title={t('icons.hospital')} {...defaultProps} {...props} className={iconCssClasses}>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M31.5733 1.60562C31.5733 0.718871 30.8552 0 29.9693 0H1.60408C0.718101 0 0 0.718871 0 1.60562V29.9677C0 30.8545 0.718101 31.5733 1.60408 31.5733H29.9693C30.8552 31.5733 31.5733 30.8545 31.5733 29.9677V1.60562ZM7.31577 6.16065H12.3525V13.0914H19.2208V6.16065H24.2576V25.4127H19.2208V17.7119H12.3525V25.4127H7.31577V6.16065Z"
+          fill="#1E3C70"
+        />
+      </SvgIcon>
+    </span>
+  );
+}
+
+export default HospitalIcon;

packages/ds-medicare-gov/src/components/Icons/icons.stories.tsx

@@ -12,6 +12,7 @@ import {
   GetStartedIcon,
   HeartIcon,
   HospiceIcon,
+  HospitalIcon,
   InfoCircleOutlineIcon,
   PharmacyIcon,
   PiggyBankIcon,
@@ -100,6 +101,11 @@ const iconData = [
     component: <HospiceIcon />,
     name: 'HospiceIcon',
   },
+  {
+    defaultTitle: 'Hospital',
+    component: <HospitalIcon />,
+    name: 'HospitalIcon',
+  },
   {
     defaultTitle: 'Information',
     component: <InfoCircleOutlineIcon />,

packages/ds-medicare-gov/src/components/Icons/index.ts

@@ -7,10 +7,11 @@ export { default as CostsIcon } from './CostsIcon';
 export { default as DialysisServicesIcon } from './DialysisServicesIcon';
 export { default as DoctorsCliniciansIcon } from './DoctorsCliniciansIcon';
 export { default as DrugsIcon } from './DrugsIcon';
-export { default as GetStartedIcon } from './GetStartedIcon';
 export { default as FilterIcon } from './FilterIcon';
+export { default as GetStartedIcon } from './GetStartedIcon';
 export { default as HeartIcon } from './HeartIcon';
 export { default as HospiceIcon } from './HospiceIcon';
+export { default as HospitalIcon } from './HospitalIcon';
 export { default as InfoCircleOutlineIcon } from './InfoCircleOutlineIcon';
 export { default as PharmacyIcon } from './PharmacyIcon';
 export { default as PiggyBankIcon } from './PiggyBankIcon';