Icon Button
An Icon Button is a single tappable icon. It is perfect for social links (Instagram, TikTok, email) and compact actions where a full text button would be too much.
How to add it
EditorInsert (⌘/)Building BlocksIcon ButtonOpen the Insert menu (the plus button, or press ⌘ /), search for Icon Button under Building Blocks, and choose where to place it.
An Icon Button on the canvas900 x 480
Settings
IconsIcon picker
Pick the icon to show, from a large icon library.
SizeNumber + unit
How big the icon is, with a unit (px, %, and so on).
Icon ColorColor
The icon's colour, with adjustable opacity.
Making it do something
Like the Button, the Icon Button has a Click Event. Turn it on and choose a Type:
- Link to open a web address.
- Subscription to collect emails. See Email Subscription.
- Lemon Squeezy to sell a product. See Selling a Digital Product.
Styling
The Icon Button also has Appearance and Border. Give it a background and full corner radius to make a round social button. See Common Fields.
Icon Button vs Button
Use an Icon Button for icon-only actions, and a Button when you want a text label.