<!DOCTYPE html>
<html>
<body>
<div style="color: green;
margin-left: 50px;">
<h1>GeeksforGeeks</h1>
<svg viewBox="0 0 480 100"
<filter id="geek2" x="-20%"
y="-20%" width="150%"
height="150%">
<feTurbulence type="turbulence"
baseFrequency="0.05"
numOctaves="5"
result="turbulence" />
<feDisplacementMap in2="turbulence"
in="SourceGraphic" scale="20" />
</filter>
<polygon points=
"50, 9 60.5, 39.5 92.7, 40.1 67,
59.5 76.4, 90.3 50, 71.9 23.6,
90.3 32.9, 59.5 7.2, 40.1 39.4, 39.5"
style="filter: url(#geek2);"
fill="hsl(106, 80%, 50%)" />
</svg>
</div>
</body>
</html>