2 Methods for Crisp Icons or Graphics on Unbounce Pages.
- Hosting the SVG image (I hosted ours on HubSpot). BEST RESULTS
- Drop in an HTML box onto your Unbounce page and then copy the hosted images' url. Paste the url into this HTML code, < img src="place image url here" onerror="this.onerror=null; this.src='place image url here'" > and done. You can only view the icon in preview or live, so re-sizing it is wonky.
Use @Tim_Corlett idea (if you use PNGs, this is your method). GOOD RESULTS
- Add a box element to your page. Add a background image to that box, choose your PNG file and done. You can see your icon when re-sizing, it comes out pretty crisp (depending on how large the image was saved as) and no need to worry about SVG images.
Here are the results (normal image add, hosted SVG added via HTML, PNG as a background image).