Next.js Discord

Discord Forum

How can I fill a shape using an image from a url?

Unanswered
Asian black bear posted this in #help-forum
Open in Discord
Asian black bearOP
What I am trying to achieve is have the user's profile picture inside of a rounded septagon.

I do have the svg for the shape and have a url with the image, is there a way I can achieve this in nextjs?

1 Reply

You can use the [mask-image](https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image) css property.