Icon

Add one or multiple icons from the HubSpot library, your own SVG, or custom icon code, with support for custom colors or gradients. Also great to link to your social media profiles.

Live Preview
Use caseIcons used as visual elements or links.
Page speed impactLow, unless very large images are used. Icons from the HubSpot library or SVG codes are recommended. If using plain images, optimize them with TinyPNG.
Available in pagesYes
Reserved block classicon
Relevant filescss/_icon.css — a core component included in main.css

Quick demo


Good to know