<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg xmlns="http://www.w3.org/2000/svg"> <defs> <clipPath id="c1"> <circle cx="50" cy="50" r="50"/> </clipPath> <mask id="m1"> <circle cx="50" cy="50" r="50" fill="#888"/> </mask> <filter id="f1"> <feColorMatrix type="hueRotate" values="60"/> </filter> <linearGradient id="l1"> <stop stop-color="red"/> <stop offset="1" stop-color="yellow"/> </linearGradient> <pattern id="p1" viewBox="0 0 10 10" width="25%" height="25%"> <circle cx="5" cy="5" r="5" fill="red"/> </pattern> </defs> <g fill="blue"> <g transform="translate(200,50)"> <rect width="100" height="100" clip-path="url(#c1)"/> </g> <g transform="translate(200,160)"> <rect width="100" height="100" mask="url(#m1)"/> </g> <g transform="translate(200,270)"> <rect width="100" height="100" filter="url(#f1)"/> </g> <g transform="translate(200,380)"> <rect width="100" height="100" fill="url(#l1)"/> </g> <g transform="translate(200,490)"> <rect width="100" height="100" fill="url(#p1)"/> </g> </g> </svg>