css-flexbox/images/flex-flow-japanese.svg

<svg xmlns="http://www.w3.org/2000/svg" width='89' height='160' viewBox="0 0 89 160">
	<style>
		svg > rect { fill: #444; }
		.item > rect { fill: #888; }
		.item > text { font-family: sans-serif; font-size: 30px; text-anchor: middle; fill: white; }
	</style>
	<rect x='0' y='0' width='89' height='160' rx='6' ry='6'/>
	<g class='item' transform="translate(46,3)">
		<rect x='0' y='0' width='40' height='40' rx='3' ry='3' />
		<text x='20' y='32'>一</text>
	</g>
	<g class='item' transform="translate(46,46)">
		<rect x='0' y='0' width='40' height='50' rx='3' ry='3' />
		<text x='20' y='37'>二</text>
	</g>
	<g class='item' transform="translate(46,99)">
		<rect x='0' y='0' width='40' height='40' rx='3' ry='3' />
		<text x='20' y='32'>三</text>
	</g>
	<g class='item' transform="translate(3,3)">
		<rect x='0' y='0' width='40' height='60' rx='3' ry='3' />
		<text x='20' y='42'>四</text>
	</g>
</svg>