JSFiddle - React, Tailwind, and code Playground

by jimousse

HTML

<svg width="300" height="100" xmlns="http://www.w3.org/2000/svg">
	 <filter id="my_filter">
		 <feColorMatrix type="matrix" values="0.2 0 0 0 0, 0 0.2 0 0 0, 0 0 0.2 0 0, 0 0 0 1 0">
		 </feColorMatrix>
	 </filter>
 
  <path id="path_one"
		d="M50.57142857142857,14.549999999999997L354,14.549999999999997L354,14.549999999999997" 
		stroke="red" 
		fill="none"
		filter="url(#my_filter)"/>
		
	<path id="path_two"
		d="M 10 10 H 90 V 90 H 10 L 10 10"
		stroke="red" 
		fill="none" 
		filter="url(#my_filter)"/>
</svg>