Toggle project menu
Feeling lost? Feel free to get in touch!
Use icon within form control.
Compatible CSS frameworks:
The Input Icon component is used to display an icon within the .form-control element.
The default icon size is equal to 1em; therefore, it automatically resizes if you modify the font-size of the input elements.
Optionally, you can set a custom icon size by updating the --input-icon-size custom property value:
--input-icon-size: 1em; // icon size
--input-icon-text-gap: var(--space-xxs); // gap between icon and text
⭐️ Demo icons by Nucleoapp.com.
Component Github page ↗
Each month we email a 1-minute CSS tutorial to 20K developers
Awesome! We just sent you a confirmation link by email
Error - please try again or contact us
Your email address is already subscribed
There was an error while trying to export your project. Please try again or contact us.