diff --git a/packages/framework/esm-styleguide/mock.tsx b/packages/framework/esm-styleguide/mock.tsx
index c47ab780e..55425af5b 100644
--- a/packages/framework/esm-styleguide/mock.tsx
+++ b/packages/framework/esm-styleguide/mock.tsx
@@ -22,6 +22,10 @@ export const DownloadIcon = () =>
DownloadIcon
;
export const EditIcon = () => EditIcon
;
export const EventScheduleIcon = () => EventScheduleIcon
;
export const EventsIcon = () => EventsIcon
;
+export const GenderFemaleIcon = () => GenderFemaleIcon
;
+export const GenderMaleIcon = () => GenderMaleIcon
;
+export const GenderOtherIcon = () => GenderOtherIcon
;
+export const GenderUnknownIcon = () => GenderUnknownIcon
;
export const GroupIcon = () => GroupIcon
;
export const GroupAccessIcon = () => GroupAccessIcon
;
export const HospitalBedIcon = () => HospitalBedIcon
;
diff --git a/packages/framework/esm-styleguide/src/icons/icon-registration.ts b/packages/framework/esm-styleguide/src/icons/icon-registration.ts
index 3fa67617a..fcb12f6b3 100644
--- a/packages/framework/esm-styleguide/src/icons/icon-registration.ts
+++ b/packages/framework/esm-styleguide/src/icons/icon-registration.ts
@@ -29,6 +29,10 @@ import download from './svgs/download.svg';
import edit from './svgs/edit.svg';
import eventSchedule from './svgs/event-schedule.svg';
import events from './svgs/events.svg';
+import genderFemale from './svgs/gender-female.svg';
+import genderMale from './svgs/gender-male.svg';
+import genderOther from './svgs/gender-other.svg';
+import genderUnknown from './svgs/gender-unknown.svg';
import group from './svgs/group.svg';
import groupAccess from './svgs/group-access.svg';
import hospitalBed from './svgs/hospital-bed.svg';
@@ -109,6 +113,10 @@ export function setupIcons() {
addSvg('omrs-icon-edit', edit);
addSvg('omrs-icon-event-schedule', eventSchedule);
addSvg('omrs-icon-events', events);
+ addSvg('omrs-icon-gender-female', genderFemale);
+ addSvg('omrs-icon-gender-male', genderMale);
+ addSvg('omrs-icon-gender-other', genderOther);
+ addSvg('omrs-icon-gender-unknown', genderUnknown);
addSvg('omrs-icon-group', group);
addSvg('omrs-icon-group-access', groupAccess);
addSvg('omrs-icon-hospital-bed', hospitalBed);
diff --git a/packages/framework/esm-styleguide/src/icons/icons.tsx b/packages/framework/esm-styleguide/src/icons/icons.tsx
index d10355a89..0398cc8dc 100644
--- a/packages/framework/esm-styleguide/src/icons/icons.tsx
+++ b/packages/framework/esm-styleguide/src/icons/icons.tsx
@@ -249,6 +249,35 @@ export const EventsIcon = memo(
}),
);
+/**
+ */
+export const GenderFemaleIcon = memo(
+ forwardRef(function GenderFemaleIcon(props, ref) {
+ return ;
+ }),
+);
+/**
+ */
+export const GenderMaleIcon = memo(
+ forwardRef(function GenderMaleIcon(props, ref) {
+ return ;
+ }),
+);
+/**
+ */
+export const GenderOtherIcon = memo(
+ forwardRef(function GenderOtherIcon(props, ref) {
+ return ;
+ }),
+);
+/**
+ */
+export const GenderUnknownIcon = memo(
+ forwardRef(function GenderUnknownIcon(props, ref) {
+ return ;
+ }),
+);
+
/**
*/
export const GroupIcon = memo(
diff --git a/packages/framework/esm-styleguide/src/icons/svgs/gender-female.svg b/packages/framework/esm-styleguide/src/icons/svgs/gender-female.svg
new file mode 100644
index 000000000..d0d3e16ca
--- /dev/null
+++ b/packages/framework/esm-styleguide/src/icons/svgs/gender-female.svg
@@ -0,0 +1,3 @@
+
diff --git a/packages/framework/esm-styleguide/src/icons/svgs/gender-male.svg b/packages/framework/esm-styleguide/src/icons/svgs/gender-male.svg
new file mode 100644
index 000000000..bbc20dc6c
--- /dev/null
+++ b/packages/framework/esm-styleguide/src/icons/svgs/gender-male.svg
@@ -0,0 +1,3 @@
+
diff --git a/packages/framework/esm-styleguide/src/icons/svgs/gender-other.svg b/packages/framework/esm-styleguide/src/icons/svgs/gender-other.svg
new file mode 100644
index 000000000..3e1cf3fbd
--- /dev/null
+++ b/packages/framework/esm-styleguide/src/icons/svgs/gender-other.svg
@@ -0,0 +1,3 @@
+
diff --git a/packages/framework/esm-styleguide/src/icons/svgs/gender-unknown.svg b/packages/framework/esm-styleguide/src/icons/svgs/gender-unknown.svg
new file mode 100644
index 000000000..1274277cb
--- /dev/null
+++ b/packages/framework/esm-styleguide/src/icons/svgs/gender-unknown.svg
@@ -0,0 +1,5 @@
+