diff --git a/packages/icons/src/filterfill/FilterFillIcon.d.ts b/packages/icons/src/filterfill/FilterFillIcon.d.ts
new file mode 100644
index 000000000..02e5087bb
--- /dev/null
+++ b/packages/icons/src/filterfill/FilterFillIcon.d.ts
@@ -0,0 +1,12 @@
+import type { DefineComponent } from '@primevue/core';
+import type { Icon } from '@primevue/icons/baseicon';
+
+declare class FilterFillIcon extends Icon {}
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        FilterFillIcon: DefineComponent<FilterFillIcon>;
+    }
+}
+
+export default FilterFillIcon;
diff --git a/packages/icons/src/filterfill/FilterFillIcon.vue b/packages/icons/src/filterfill/FilterFillIcon.vue
new file mode 100644
index 000000000..bfdcfb66b
--- /dev/null
+++ b/packages/icons/src/filterfill/FilterFillIcon.vue
@@ -0,0 +1,14 @@
+<template>
+    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M16.5 1.25H1.5L7 8.75V16.75H11V8.75L16.5 1.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="currentColor" />
+    </svg>
+</template>
+
+<script>
+import BaseIcon from '@primevue/icons/baseicon';
+
+export default {
+    name: 'FilterIcon',
+    extends: BaseIcon
+};
+</script>
diff --git a/packages/icons/src/filterfill/package.json b/packages/icons/src/filterfill/package.json
new file mode 100644
index 000000000..e5fdcb4c4
--- /dev/null
+++ b/packages/icons/src/filterfill/package.json
@@ -0,0 +1,11 @@
+{
+    "main": "./FilterFillIcon.vue",
+    "module": "./FilterFillIcon.vue",
+    "types": "./FilterFillIcon.d.ts",
+    "browser": {
+        "./sfc": "./FilterFillIcon.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}
diff --git a/packages/icons/src/index.d.ts b/packages/icons/src/index.d.ts
index 35a66df89..2e77293a7 100644
--- a/packages/icons/src/index.d.ts
+++ b/packages/icons/src/index.d.ts
@@ -98,6 +98,10 @@ export { default as EyeSlashIcon } from '@primevue/icons/eyeslash';
 export * from '@primevue/icons/filter';
 export { default as FilterIcon } from '@primevue/icons/filter';
 
+// FilterFillIcon
+export * from '@primevue/icons/filterfill';
+export { default as FilterFillIcon } from '@primevue/icons/filterfill';
+
 // FilterSlashIcon
 export * from '@primevue/icons/filterslash';
 export { default as FilterSlashIcon } from '@primevue/icons/filterslash';
diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js
index 35a66df89..2e77293a7 100644
--- a/packages/icons/src/index.js
+++ b/packages/icons/src/index.js
@@ -98,6 +98,10 @@ export { default as EyeSlashIcon } from '@primevue/icons/eyeslash';
 export * from '@primevue/icons/filter';
 export { default as FilterIcon } from '@primevue/icons/filter';
 
+// FilterFillIcon
+export * from '@primevue/icons/filterfill';
+export { default as FilterFillIcon } from '@primevue/icons/filterfill';
+
 // FilterSlashIcon
 export * from '@primevue/icons/filterslash';
 export { default as FilterSlashIcon } from '@primevue/icons/filterslash';