Search Bar Generator

<div class="search-container">
  <form class="search-form search-default search-animate-expand" role="search">
    <span class="search-icon search-icon-left">
      <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
        <circle cx="11" cy="11" r="8"/>
        <path d="M21 21l-4.35-4.35"/>
      </svg>
    </span>
    <input
      type="search"
      class="search-input"
      placeholder="Search..."
      aria-label="Search..."
    />
    <button type="button" class="search-clear" aria-label="Clear search">
      <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
        <line x1="18" y1="6" x2="6" y2="18"/>
        <line x1="6" y1="6" x2="18" y2="18"/>
      </svg>
    </button>
    
    
    
  </form>
  
</div>