css-align-3/images/items-example.svg

<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='159' height='159' viewBox='-3 -3 106 106'>
	<rect x='0' y='0' width='100' height='100' stroke='red' stroke-width='3' fill='white' />
	<line x1='50' y1='1.5' x2='50' y2='98.5' stroke='silver' stroke-width='3' stroke-dasharray='6 4' />
	<line x1='1.5' y1='50' x2='98.5' y2='50' stroke='silver' stroke-width='3' stroke-dasharray='6 4' />
	<g id='child' transform='translate(5,-5)'>
		<rect x='0' y='26' width='24' height='24' stroke='silver' stroke-width='3' fill='silver' />
		<path d='M 25.5 40 l 5 -5 v 3 h 8 v -3 l 5 5 l -5 5 v -3 h -8 v 3 z' fill='black' />
		<g transform='rotate(90)'>
			<path d='M 6.5 -10 l 5 -5 v 3 h 8 v -3 l 5 5 l -5 5 v -3 h -8 v 3 z' fill='black' />
		</g>
	</g>
	<use xlink:href="#child" x='50' y='0' />
	<use xlink:href="#child" x='0' y='50' />
	<use xlink:href="#child" x='50' y='50' />
</svg>