Icon-Only Button

Demo uploads land in a temporary store and are swept after 60 minutes. To keep files, handle FileUploaded — see Single File for the complete save pattern.

Icon-Only Upload Button

A compact icon-only upload button using a Unicode icon. Ideal for toolbars or tight UI areas where text labels are unnecessary.

What you should see: the browse control reduced to a single icon for toolbars - it still carries an accessible name for screen readers.

Drag & drop files here, or paste from clipboard

Click the circular button above to upload files.

<style>
 .icon-uploader .au-select-btn {
 width: 48px; height: 48px;
 border-radius: 50%;
 padding: 0;
 font-size: 1.25rem;
 background-color: #0d6efd;
 color: #fff;
 border: none;
 }
 .icon-uploader .au-select-btn:hover {
 transform: scale(1.1);
 }
</style>

<div class="icon-uploader">
 <au:AjaxFileUpload ID="Uploader1" runat="server"
 ButtonText="&#x2B06;"
 ShowProgress="true" />
</div>