JSFiddle - React, Tailwind, and code Playground

HTML

<div class='clip'>
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="svg">
  <path d="M6,18L14.500000,12L6,6L6,18Z" class="_1tyhwy0e"></path>
  <path d="M16,6L16,18L18,18L18,6L16,6Z"></path>
</svg>
</div>
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="svg clip">
  <path d="M6,18L14.500000,12L6,6L6,18Z" class="_1tyhwy0e"></path>
  <path d="M16,6L16,18L18,18L18,6L16,6Z"></path>
</svg>

CSS

.clip {
  clip-path: inset(0 6px 0 0);
  height: 24px;
  width: 24px;
}
.svg {
  height: 24px;
  width: 24px;
  background: red;
}