<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);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.