diff --git a/icon/search_button.svg b/icon/search_button.svg
new file mode 100644
index 0000000..b49bd47
--- /dev/null
+++ b/icon/search_button.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 36 36" style="width: 18px; height: 18px">
+                        <path
+                            d="M31.5,28.9l-7.4-7.4c1.8-2.3,2.9-5.2,2.9-8.4c0-7.2-5.8-13-13-13S1,6.3,1,13.5s5.8,13,13,13c3.2,0,6.1-1.1,8.4-2.9l7.4,7.4 c0.4,0.4,0.9,0.6,1.5,0.6s1.1-0.2,1.5-0.6C32.3,31.1,32.3,29.7,31.5,28.9z M14,22c-4.7,0-8.5-3.8-8.5-8.5S9.3,5,14,5s8.5,3.8,8.5,8.5 S18.7,22,14,22z"
+                        />
+                    </svg>
\ No newline at end of file
diff --git a/typescripts/util/elements.tsx b/typescripts/util/elements.tsx
index 96ae38d..d3838cf 100644
--- a/typescripts/util/elements.tsx
+++ b/typescripts/util/elements.tsx
@@ -7,6 +7,7 @@ import { observer } from 'mobx-react'
 export { ReactComponent as MoveToCanvasSvg } from '../../icon/move_to_canvas.svg'
 export { ReactComponent as PenSvg } from '../../icon/pen.svg'
 export { ReactComponent as PreviewSvg } from '../../icon/preview.svg'
+export { ReactComponent as ImageSearchSvg } from '../../icon/search_button.svg'
 
 declare global {
     namespace JSX {