Icon-Only Button

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.

Drag & drop files here, or paste from clipboard

Click the circular button above to upload files.

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

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