⭐ Available in the following bundle: Core Bundle (incl. in all plans)
⭐ Available on the following plans: Basic (limited), Pro, Agency, Business
👀 Not sure which plan you're on? Check your subscription here.
Add more than 40,000 free icons from our integrated icon library and emojis to make your interactive forms and landing pages more engaging.
Where can they be used?
Icons and emojis can be used in the following blocks:
Range Slider (no emojis)
All Buttons
💡 Tip: On Windows, press [Windows] + [.] or on Mac, [Control] + [Command] + [Space] to insert emojis in text blocks.
Icons
Our icon database contains 5 families with over 40,000 icons. Most icons don't require attribution when used with Heyflow.
Each icon family has a unique style, which you can select from the drop-down menu in the top right corner, e.g.:
Streamline Icons: Bold, Light, Regular
Phosphor Icons: Bold, Duotone, Fill, Light, Regular, Thin
Ionicons: Filled, Outline, Sharp
In the design settings of each block, you can adjust icons, such as changing their color, which by default is your flow's primary color.
Your recently used icons are displayed at the bottom of the icon library, so you can quickly reuse them in other flows.
💡 Tip: You can upload your own icons, for example, to change icon colors within a flow. Be sure to upload them at a consistent size (e.g., 1x1) for a cohesive look.
Emojis
In addition to icons, you can add emojis, which will be displayed according to the user's device. Once you click to select an emoji, you can search for a specific one, browse emoji families, or pick from frequently used emojis.
Best Practices & FAQ
⭐ Make your design consistent and responsive
⭐ Make your design consistent and responsive
Use icons consistently throughout the flow and avoid mixing them with emojis, images, or plain text. Stick to one icon family to maintain a unified design. Icons should look good on all screen sizes and be scalable.
DO  | DON'T  |
⭐ Make your icons accessible
⭐ Make your icons accessible
Ensure that icons serve a supportive function and are understandable for users with disabilities.
DO | DON'T  |
⭐ Make your icons easy to use
⭐ Make your icons easy to use
Icons should be intuitive and guide users effectively, without causing confusion.
DO | DON'T  |