diff --git a/icons/circle.svg b/icons/circle.svg
index 03e898a..93648b2 100644
--- a/icons/circle.svg
+++ b/icons/circle.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><circle cx="12" cy="12" r="10"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><circle cx="12" cy="12" r="10"/></svg>
\ No newline at end of file
diff --git a/icons/rectangle-horizontal.svg b/icons/rectangle-horizontal.svg
new file mode 100644
index 0000000..cea6309
--- /dev/null
+++ b/icons/rectangle-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2" ry="2"/></svg>
\ No newline at end of file
diff --git a/icons/rectangle-vertical.svg b/icons/rectangle-vertical.svg
new file mode 100644
index 0000000..1c64212
--- /dev/null
+++ b/icons/rectangle-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 34b5905..02d3abc 100644
--- a/index.html
+++ b/index.html
@@ -43,7 +43,9 @@
     const data = {
       icons: [
         'square',
-        'circle'
+        'circle',
+        'rectangle-vertical',
+        'rectangle-horizontal'
       ]
     };