JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="12" viewBox="0 0 15 12">
  <defs>
    <filter id="Polygon_1" x="0" y="0" width="15" height="12" filterUnits="userSpaceOnUse">
      <feOffset input="SourceAlpha"/>
      <feGaussianBlur result="blur"/>
      <feFlood flood-color="#1b3160" flood-opacity="0.2"/>
      <feComposite operator="in" in2="blur"/>
      <feComposite in="SourceGraphic"/>
    </filter>
  </defs>
  <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Polygon_1)">
    <path id="Polygon_1-2" data-name="Polygon 1" d="M7.5,0,15,12H0Z" fill="#0c172d"/>
  </g>
</svg>
<div>fef</div>