example_use.svg

<svg 
    width="600"
    height="400"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    >

    <!-- The cards have a natural width of 169.075 and a height of 244.640. Its
         center is located at (+98.0375, +122.320). -->
    <!-- The original back color was #0062ff. The color of the back card can
         be changed by setting the fill on the USE-element. -->

    <use href="svg-cards-indented.svg#back" x="150" y="10" fill="red"/>
    <use href="svg-cards-indented.svg#heart_1" x="0" y="0"/>
    <use href="svg-cards-indented.svg#joker_black" x="100" y="100"/>
    <use href="svg-cards-indented.svg#spade_10" x="200" y="200" transform="rotate(45,198.0375,122.320)scale(0.5)"/>
    <use href="svg-cards-indented.svg#club_jack" x="300" y="100" transform="rotate(75,198.0375,122.320)scale(0.75)"/>
</svg>