diff --git a/resources/views/segments/other/SvgList/SvgList.blade.php b/resources/views/segments/other/SvgList/SvgList.blade.php
new file mode 100644
index 0000000..f703207
--- /dev/null
+++ b/resources/views/segments/other/SvgList/SvgList.blade.php
@@ -0,0 +1,16 @@
+<section class="SvgList live-setting" data-live="{{$data->area_name.'_'.$data->part}}" >
+    <div class="{{gfx()['container']}}">
+        <div class="row pt-4">
+            @for($i = 1 ; $i <= 4; $i++)
+                <div class="col-lg-3 col-md-6 col-sm-6">
+                    <a href="{{getSetting($data->area_name.'_'.$data->part.'_link'.$i)}}">
+                    <img src="{{asset('upload/images/'.$data->area_name.'.'.$data->part. $i.'.svg')}}" alt="">
+                    <h3>
+                        {{getSetting($data->area_name.'_'.$data->part.'_title'.$i)}}
+                    </h3>
+                    </a>
+                </div>
+            @endfor
+        </div>
+    </div>
+</section>
diff --git a/resources/views/segments/other/SvgList/SvgList.js b/resources/views/segments/other/SvgList/SvgList.js
new file mode 100644
index 0000000..e69de29
diff --git a/resources/views/segments/other/SvgList/SvgList.json b/resources/views/segments/other/SvgList/SvgList.json
new file mode 100644
index 0000000..d4951b9
--- /dev/null
+++ b/resources/views/segments/other/SvgList/SvgList.json
@@ -0,0 +1,10 @@
+{
+    "name": "SvgList",
+    "version": "1.0",
+    "author": "xStack",
+    "email": "xshop@xstack.ir",
+    "license": "GPL-3.0-or-later",
+    "url": "https:\/\/xstack.ir",
+    "author_url": "https:\/\/4xmen.ir",
+    "packages": []
+}
\ No newline at end of file
diff --git a/resources/views/segments/other/SvgList/SvgList.php b/resources/views/segments/other/SvgList/SvgList.php
new file mode 100644
index 0000000..2babe95
--- /dev/null
+++ b/resources/views/segments/other/SvgList/SvgList.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace Resources\Views\Segments;
+
+use App\Models\Part;
+use App\Models\Setting;
+use Illuminate\Support\Facades\File;
+
+class SvgList
+{
+    public static function onAdd(Part $part = null)
+    {
+        for ($i = 1; $i <= 4; $i++) {
+
+
+            $setting = new Setting();
+            $setting->section = 'theme';
+            $setting->key = $part->area_name . '_' . $part->part.$i.'_svg';
+            $setting->value = null;
+            $setting->type = 'FILE';
+            $setting->size = 12;
+            $setting->title =  $part->area_name . ' ' . $part->part.' Image '.$i;
+            $setting->save();
+
+            File::copy(__DIR__.'/../../default-assets/html.svg',public_path('upload/images/').$part->area_name  . '.' . $part->part. $i.'.svg');
+
+            $setting = new Setting();
+            $setting->section = 'theme';
+            $setting->key = $part->area_name . '_' . $part->part.'_title'.$i;
+            $setting->value = 'Title '.$i;
+            $setting->type = 'TEXT';
+            $setting->size = 6;
+            $setting->title =  $part->area_name . ' ' . $part->part .' title '.$i;
+
+            $setting->save();
+            $setting = new Setting();
+            $setting->section = 'theme';
+            $setting->key = $part->area_name . '_' . $part->part.'_link'.$i;
+            $setting->value = '/';
+            $setting->type = 'TEXT';
+            $setting->size = 6;
+            $setting->title =  $part->area_name . ' ' . $part->part .' link '.$i;
+            $setting->save();
+
+        }
+    }
+    public static function onRemove(Part $part = null)
+    {
+        for ($i = 1; $i <= 4; $i++) {
+            Setting::where('key',$part->area_name . '_' . $part->part.'_title'.$i)->first()?->delete();
+            Setting::where('key',$part->area_name . '_' . $part->part.'_link'.$i)->first()?->delete();
+            Setting::where('key',$part->area_name . '_' . $part->part.$i.'_svg')->first()?->delete();
+        }
+    }
+    public static function onMount(Part $part = null)
+    {
+        return $part;
+    }
+}
diff --git a/resources/views/segments/other/SvgList/SvgList.scss b/resources/views/segments/other/SvgList/SvgList.scss
new file mode 100644
index 0000000..604bc0c
--- /dev/null
+++ b/resources/views/segments/other/SvgList/SvgList.scss
@@ -0,0 +1,17 @@
+.SvgList {
+    // scss
+    text-align: center;
+    img{
+        width: 60%;
+        display: block;
+        margin: auto;
+        max-width: 128px;
+    }
+    h3{
+        font-size: 13pt;
+        margin: 1rem auto;
+    }
+    a{
+        color: var(--xshop-text);
+    }
+}
diff --git a/resources/views/segments/other/SvgList/screenshot.webp b/resources/views/segments/other/SvgList/screenshot.webp
new file mode 100644
index 0000000..e0358a0
Binary files /dev/null and b/resources/views/segments/other/SvgList/screenshot.webp differ