diff --git a/packages/banners/tests/__snapshots__/icons-withIconifyIcon.svg b/packages/banners/tests/__snapshots__/icons-withIconifyIcon.svg
new file mode 100644
index 0000000..dafc54d
--- /dev/null
+++ b/packages/banners/tests/__snapshots__/icons-withIconifyIcon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/banners/tests/icons.test.js b/packages/banners/tests/icons.test.js
new file mode 100644
index 0000000..529c9fe
--- /dev/null
+++ b/packages/banners/tests/icons.test.js
@@ -0,0 +1,44 @@
+import { describe, expect, it } from 'vitest';
+import banner from '../src/index';
+
+describe('Iconify icons', async () => {
+ it('API\'s Iconify icon', async () => {
+ const result = await banner({
+ title: 'Hello World',
+ subtitle: 'This is a test',
+ // eslint-disable-next-line spellcheck/spell-checker
+ icon: 'solar:test-tube-minimalistic-bold-duotone',
+ });
+ expect(result.toString()).toMatchFileSnapshot('./__snapshots__/icons-withIconifyIcon.svg');
+ });
+
+ it('Local Iconify icon', async () => {
+ const result = await banner({
+ title: 'Hello World',
+ subtitle: 'This is a test',
+ icon: `
+
+ `.toString(),
+ });
+ expect(result.toString()).toMatchFileSnapshot('./__snapshots__/icons-withIconifyIcon.svg');
+ });
+
+ it('URL Iconify icon', async () => {
+ const result = await banner({
+ title: 'Hello World',
+ subtitle: 'This is a test',
+ icon: 'https://api.iconify.design/solar:test-tube-minimalistic-bold-duotone.svg',
+ });
+ expect(result.toString()).toMatchFileSnapshot('./__snapshots__/icons-withIconifyIcon.svg');
+ });
+});