How to make an image a link?

Design help General
1

I want to make images (svg’s) link. I.e. social media svg link to the social media like the ones on the bottom of this page.
https://dolittle.webflow.io/
https://preview.webflow.com/preview/dolittle?utm_medium=preview_link&utm_source=dashboard&utm_content=dolittle&preview=2c4624a3667ccd7a3d6c0dc90c3d04cf&mode=preview

Text I know I can make links, but images like svg’s, I doesn’t see that option anywhere.

Please let me know how I can make images links.

Thanks!
Cip

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Anything you put inside a Link Block becomes the linking mechanism.

image
image

3

Hi Cip,

You can achieve this by using a Link Block function which is the easiest method.

Set the background image to the svg, set size constraints and then set the link in the settings tab.

Alternatively, you could look at installing Font Awesome into your site and using icons. This would be my recommended route to achieve your end result as it will provide less impact on load times.

Font Awesome will allow you to select icons (including top brand logos) from a cheat sheet, paste it into a text link field, and customise it as if were text, including font size, colours effects etc.

I would recommend trying to find an install tutorial online, sadly I do not have one to hand.

Start here.

4

Thank you @TheCat! This is huge!

5

Thanks Grant! This a giant leap for mankind!!!