I want to display multiple icons with connecting lines between them

47 views Asked by At

Figma Image

I've managed to create the layout and add the icons, but I'm struggling with creating the connecting lines between them. I've tried using CSS borders and pseudo-elements, but I can't seem to get the desired result.

Could someone please help me with a CSS-based solution or suggest an alternative approach to create these connecting lines between the icons? Thank you in advance for any assistance!

Note: This is my first question and i'm not sure if it's the right way to ask question so please feel free to modify this question.

1

There are 1 answers

2
jezmck On

I suggest using SVG for the whole thing.

In fact, I believe you should be able to export all of that from Figma directly as an SVG.