Untitled

dabblet.html

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 250">

<pattern id="grid" x="8" y="5" width="16" height="16" patternUnits="userSpaceOnUse">
	<rect width="16" height="16" fill="red" stroke="white" stroke-width="2"/>
</pattern>

<!-- Heart -->
<path fill="red" d="
	M96.34,193.4
	l48.5,48.5
	l99.1-99.1
	c0.86-0.82,1.7-1.65,2.51-2.51
	l6.14-7.58
	c6.98-10.14,11.07-22.41,11.07-35.65
	C263.66,62.29,235.48,34.1,200.71,34.1
	c-9.91,0-19.29,2.29-27.62,6.38
	z"/>

<path d="M40,69h16v-16h16v-16h48v16h16v16h16v-16
	h16v16h16v64h-16v32h-32v16h-48v-16h-16v-16h-16
	v-16h-16zm32,0v32h32v-32z" fill="url(#grid)"/>

<circle cx="102" cy="100" r="83" fill="none" stroke="white" stroke-width="24" />
<circle cx="102" cy="100" r="83" fill="none" stroke="black" stroke-width="16" />

</svg>

dabblet.js

// alert('Hello world!');

settings.json

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