Use any icon in input group from Flaticon, Fontawesome 5, Lineawesome or Socicons icons.

Easily extend form controls by adding text, buttons, icons, or button groups on either side of textual.

Add the relative form sizing classes to the .input-group itself and contents within will automatically resize.

Use custom icon input component to place icon inside input control.

Buttons in input groups must wrapped in a .input-group-prepend or .input-group-append for proper alignment and sizing. This is required due to default browser styles that cannot be overridden.

The example form below demonstrates common HTML form elements that receive updated styles from Bootstrap with additional classes.