Please help - how to recreate the design

I would like to recreate the following. My date model includes Social Platforms (can include icons) and Social Platform Entries (includes handles & social platforms) so that each user can add their different social handles to their profile.

I would like to create the following look. The tricky thing, is that icon and coloured background need to be dynamic. I’m struggling to get the same look. Even if I use an Icon with a transparent background for each social platform, how to I configure the shape on the left with the rounded corners at once side with the colour?

You can superposé 2 shapes, a first one with the dynamic color + the icon + the rounded corners, and a second shape, white, with the handles.

This topic was automatically closed after 70 days. New replies are no longer allowed.