Morphing Icon – Frontend Snippet

Go back

<label class="sb12"><input type="search" placeholder="Search projects" aria-label="Search projects"><button type="button" aria-label="Clear search"><svg viewBox="0 0 24 24"><circle class="o" cx="11" cy="11" r="7"/><path class="h" d="M16 16l4 4"/><path class="x" d="M6 6l12 12"/><path class="x" d="M18 6L6 18"/></svg></button></label>