diff --git a/lib/config-generator.js b/lib/config-generator.js
index 03766122..14718a9c 100644
--- a/lib/config-generator.js
+++ b/lib/config-generator.js
@@ -328,7 +328,7 @@ class ConfigGenerator {
 
         if (this.webpackConfig.imageRuleOptions.enabled) {
             rules.push(generateAssetRuleConfig(
-                /\.(png|jpg|jpeg|gif|ico|svg|webp)$/,
+                /\.(png|jpg|jpeg|gif|ico|svg|webp|avif)$/,
                 this.webpackConfig.imageRuleOptions,
                 this.webpackConfig.imageRuleCallback,
                 'images'
diff --git a/test/config-generator.js b/test/config-generator.js
index 2e38890a..22a75c8e 100644
--- a/test/config-generator.js
+++ b/test/config-generator.js
@@ -778,7 +778,7 @@ describe('The config-generator function', () => {
 
             const actualConfig = configGenerator(config);
 
-            const imagesRule = findRule(/\.(png|jpg|jpeg|gif|ico|svg|webp)$/, actualConfig.module.rules).oneOf[1];
+            const imagesRule = findRule(/\.(png|jpg|jpeg|gif|ico|svg|webp|avif)$/, actualConfig.module.rules).oneOf[1];
             expect(imagesRule.type).to.equal('asset/resource');
             expect(imagesRule.generator).to.eql({ filename: 'images/[name].[hash:8][ext]' });
             expect(imagesRule.parser).to.eql({});