add formatted svg code to gradio element in label parameter

app.py

@@ -48,6 +48,15 @@ body, .gradio-container {
 }
 """
 
+formatted_upload_svg = '''
+<div style="display: flex; align-items: center; justify-content: center;">
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+    <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
+    <path d="M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708z"/>
+    </svg>
+</div>
+'''
+
 HEADER = """
 # Patronus Lynx Demo
 <table bgcolor="#1E2432" cellspacing="0" cellpadding="0"  width="450">
@@ -157,7 +166,7 @@ with gr.Blocks(css=css) as demo:
         with gr.Column(scale=1):
             with gr.Row():
                 question = gr.Textbox(label="Question", scale=4)
-                u = gr.UploadButton("Upload question", file_count="single", scale=1)
+                u = gr.UploadButton(formatted_upload_svg, file_count="single", scale=1)
                 d = gr.DownloadButton("Download the file", visible=False, scale=1)
             with gr.Row():
                 with gr.Column(scale=1):