Untitled

dabblet.html

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="120" height="120">
	<defs>
  		<pattern id="pattern1" width="20" height="20" patternUnits="userSpaceOnUse" viewBox="9 9 20 20">
			<path fill="#444444" d="M25.7,24.4c-0.8-0.2-2.1-0.3-2.6-0.6c-0.4-0.1-1.1-0.3-1.3-0.6c-0.2-0.2-0.2-2-0.2-2s0.5-0.4,0.7-1 c0.2-0.6,0.4-1.9,0.4-1.9s0,0,0.1,0c0.1,0,0.5-0.1,0.6-0.8c0.1-0.8,0.5-1.2,0.4-1.8c0-0.2-0.2-0.2-0.4-0.2h-0.1c0,0,0.5-0.6,0.5-2.6 S22,9.1,19,9c-3,0-4.6,2-4.6,4.1c-0.1,1.9,0.4,2.6,0.4,2.6s0,0-0.1,0s-0.2,0-0.4,0.4c0,0.6,0.2,1,0.5,1.8c0.1,0.7,0.4,0.8,0.6,0.8 c0.1,0,0.1,0,0.1,0s0.1,1.3,0.4,1.9c0.3,0.6,0.7,1,0.7,1s0,1.7-0.2,2c-0.2,0.2-0.8,0.4-1.3,0.6c-0.6,0.2-1.8,0.3-2.6,0.6 C11.6,25,9,25.9,9,29h20C29,25.9,26.5,24.8,25.7,24.4z"/>
   		</pattern>
	</defs>
    <rect width="120" height="120" style="stroke: #000000; fill: url(#pattern1);" />
</svg>

<svg viewbox="0 0 40 40" width="40" height="40" style="background:red">
<path fill="#444444" d="M25.7,24.4c-0.8-0.2-2.1-0.3-2.6-0.6c-0.4-0.1-1.1-0.3-1.3-0.6c-0.2-0.2-0.2-2-0.2-2s0.5-0.4,0.7-1 c0.2-0.6,0.4-1.9,0.4-1.9s0,0,0.1,0c0.1,0,0.5-0.1,0.6-0.8c0.1-0.8,0.5-1.2,0.4-1.8c0-0.2-0.2-0.2-0.4-0.2h-0.1c0,0,0.5-0.6,0.5-2.6 S22,9.1,19,9c-3,0-4.6,2-4.6,4.1c-0.1,1.9,0.4,2.6,0.4,2.6s0,0-0.1,0s-0.2,0-0.4,0.4c0,0.6,0.2,1,0.5,1.8c0.1,0.7,0.4,0.8,0.6,0.8 c0.1,0,0.1,0,0.1,0s0.1,1.3,0.4,1.9c0.3,0.6,0.7,1,0.7,1s0,1.7-0.2,2c-0.2,0.2-0.8,0.4-1.3,0.6c-0.6,0.2-1.8,0.3-2.6,0.6 C11.6,25,9,25.9,9,29h20C29,25.9,26.5,24.8,25.7,24.4z"/>
   		
</svg>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}