diff --git a/projects/demo/src/modules/experimental/avatar/examples/3/index.html b/projects/demo/src/modules/experimental/avatar/examples/3/index.html
index 58b3e218997a..629f11f69008 100644
--- a/projects/demo/src/modules/experimental/avatar/examples/3/index.html
+++ b/projects/demo/src/modules/experimental/avatar/examples/3/index.html
@@ -1,7 +1,55 @@
-<tui-avatar size="xxl">XXL</tui-avatar>
-<tui-avatar size="xl">XL</tui-avatar>
-<tui-avatar size="l">L</tui-avatar>
-<tui-avatar size="m">M</tui-avatar>
-<tui-avatar size="s">S</tui-avatar>
-<tui-avatar size="xs">XS</tui-avatar>
-<tui-avatar size="xxs">XXS</tui-avatar>
+<div class="row">
+    <tui-avatar size="xxl">XXL</tui-avatar>
+    <tui-avatar
+        size="xxl"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="xl">XL</tui-avatar>
+    <tui-avatar
+        size="xl"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="l">L</tui-avatar>
+    <tui-avatar
+        size="l"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="m">M</tui-avatar>
+    <tui-avatar
+        size="m"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="s">S</tui-avatar>
+    <tui-avatar
+        size="s"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="xs">XS</tui-avatar>
+    <tui-avatar
+        size="xs"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="xxs">XXS</tui-avatar>
+    <tui-avatar
+        size="xxs"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
diff --git a/projects/demo/src/modules/experimental/avatar/examples/3/index.less b/projects/demo/src/modules/experimental/avatar/examples/3/index.less
index 23d25a3bb0a1..85a09860a22b 100644
--- a/projects/demo/src/modules/experimental/avatar/examples/3/index.less
+++ b/projects/demo/src/modules/experimental/avatar/examples/3/index.less
@@ -3,3 +3,8 @@
     flex-direction: column;
     gap: 1rem;
 }
+
+.row {
+    display: flex;
+    gap: 0.5rem;
+}