<div class="qw-search">
    <label for="search-1" class="search-group-addon">
        <svg class="qw-icon-inline" viewBox="0 0 24 24">
            <use href="#qw-icon-search"></use>
            <title>Search</title>
        </svg>
    </label>
    <input id="search-1" type="search" class="form-control" />
    <button type="button" class="btn btn-icon btn-icon-flat btn-icon-sm" data-action="clearsearch" onclick="var input = this.previousElementSibling; input.value = ''; input.focus();">
        <svg class="qw-icon-inline" viewBox="0 0 24 24">
            <use href="#qw-icon-close"></use>
            <title>Clear Search</title>
        </svg>        
    </button>
</div>