Inputs | siraj ha serious moose 70

<div class="search-bar-container">
  <form action="">
    <div class="search-container">
      <span class="search-icon">
        <svg
          height="24"
          width="24"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
            fill="currentColor"
          ></path>
          <path d="M0 0h24v24H0z" fill="none"></path>
        </svg>
      </span>

      <input type="search" class="search-input" placeholder="Search..." />
      <span class="filter-icon">
        <span class="filter-icon">
          <svg
            height="24"
            width="24"
            viewBox="0 0 24 24"