two-state-icons_03_icon-complete.html

<svg class="js-transition-icon" width="32px" height="32px" viewBox="0 0 32 32">
  <g class="js-transition-icon__state">
    <title>Search</title>
    <line fill="none" stroke="#111111" x1="30" y1="30" x2="21.5" y2="21.5"/>
    <circle fill="none" stroke="#111111" cx="13" cy="13" r="12"/>
  </g>
  
  <g class="js-transition-icon__state" style="display: none;" aria-hidden="true">
    <title>Close search</title>
    <line fill="none" stroke="#111111" x1="27" y1="5" x2="5" y2="27"/>
    <line fill="none" stroke="#111111" x1="27" y1="27" x2="5" y2="5"/>
  </g>
</svg>