HTML
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="500" viewBox="0 0 1000 500">
<defs>
<mask id="text">
<text text-anchor="middle" font-size="120" font-weight="bold" font-family="sans-serif" fill="white">CODEPAD</text>
</mask>
<mask id="cut1">
<g fill="white">
<g mask="url(#text)" transform="rotate(85) translate(0,5) rotate(-85)">
<rect width="500" height="1000" y="-500" transform="translate(0,-30) rotate(85)"></rect>
</g>
<g mask="url(#text)" transform="rotate(85) translate(0,-5) rotate(-85)">
<rect width="500" height="1000" x="-500" y="-500" transform="translate(0,-30) rotate(85)"></rect>
</g>
</g>
</mask>
<mask id="cut2">
<g fill="white">
<g mask="url(#cut1)" transform="rotate(-70) translate(0,5) rotate(70)">
<rect width="500" height="1000" y="-500" transform="translate(-80,-10) rotate(-70)"></rect>
</g>
<g mask="url(#cut1)" transform="rotate(-70) translate(0,-5) rotate(70)">
<rect width="500" height="1000" x="-500" y="-500" transform="translate(-80,-10) rotate(-70)"></rect>
</g>
</g>
</mask>
<g id="cut3">
<g mask="url(#cut2)" transform="rotate(45) translate(0,5) rotate(-45)">
<rect width="500" height="1000" y="-500" transform="translate(50,0) rotate(45)"></rect>
</g>
<g mask="url(#cut2)" transform="rotate(45) translate(0,-5) rotate(-45)">
<rect width="500" height="1000" x="-500" y="-500" transform="translate(50,0) rotate(45)"></rect>
</g>
</g>
<filter id="shadow">
<feFlood flood-color="#000000" flood-opacity="0.5" result="color"></feFlood>
<feComposite in="color" in2="SourceGraphic" operator="in" result="composite"></feComposite>
<feOffset in="composite" dx="4" dy="4" result="offset"></feOffset>
<feGaussianBlur stdDeviation="3" in="offset" result="blur"></feGaussianBlur>
<feMerge>
<feMergeNode in="blur"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
</defs>
<g transform="translate(500,300)">
<use id="display" xlink:href="#cut3" fill="#eee" filter="url(#shadow)"></use>
</g>
</svg>
