How to insert an element into a frame?

Question

css

How to make such a block:

The problem is exactly the icon inside the stroke...
There is an idea to make an image with a white background through before, but this is probably not the best solution.
Help me please)

Answer 1

This is where the basic principle of building such frames should become clear
https://codepen.io/the_human_brian/pen/vOrbBG

Answer 2

If a transparent background is not required, then the norms
If required, then you will also have to make the top ridges a pseudo-element

Answer 3

Exactly the solution you wrote is the simplest and best.
Either we simply put a child block with absolute and a white background inside the relative parent block, or we generated it through the :before pseudo-element.