JSFiddle - React, Tailwind, and code Playground

by lpugin

HTML

<svg id="svg_wrp" width="500" height="500">
	<defs>
		 <filter id="crayon">
			<feTurbulence
				type="fractalNoise"
				baseFrequency="0.3"
				numOctaves="5"
				result="noise">
			</feTurbulence>
			<feDisplacementMap
				xChannelSelector="R"
				yChannelSelector="G"
				scale="5"
				in="SourceGraphic"
				result="newSource">
			</feDisplacementMap>
      <feGaussianBlur stdDeviation="1.1"/>
		</filter>
 </defs>
 <polyline    
  points="200,100 100,200"
  stroke="#000"
  stroke-width="10"
  fill="none"
  filter=url(#crayon) ></polyline>
</svg>