How to make such beveled corners with svg?

Question

css

Hello, how to make such beveled corners with svg?

Answer 1

If we are talking about an avatar, then we can do it through clip-path svg, more detailed (if we talk about cropping):
https://sarasoueidan.com/blog/css-svg-clipping/
bennettfeely.com/clippy
because the avatar itself can be made using border-radius