<svg version="1.1" viewBox="0 0 168 90" xmlns="http://www.w3.org/2000/svg">
<defs>
<clipPath id="clip">
<path d="m67.469 87.709v-2.7781h-67.469v-6.0854h30.956v-3.9688h-30.956v-72.76h85.725v-2.1167h33.867v2.1167h23.019v9.525h24.871v3.4396h-14.552v4.2333h14.552v71.173h-100.01z" />
</clipPath>
</defs>
</svg>
<img src="https://avatars.mds.yandex.net/get-zen_doc/3512693/pub_5f33e5baeae078318268ccb4_5f33e653ea1ae74181a540ad/scale_1200" alt="">
* {
margin: 0;
}
svg {
width: 0;
height: 0;
}
html,
body {
height: 100%;
background: linear-gradient(to right, #dff 5%, #999);
}
img {
display: block;
width: 168px;
clip-path: url(#clip);
transform: scale(2) translate(50px, 20px);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.