SVG Patterns Gallery

Why SVG?

SVG images are typically smaller than bitmap images and remain sharp on high-dpi screens.
Unlike CSS3 gradients, SVG images are supported on IE9.

Browser support

These patterns work on Firefox, Chrome, Safari, IE10, and IE9.

Base64 encoding is required for IE and Firefox support. Due to Firefox bug 600207, you need to adjust the image size for high-dpi rendering on Firefox, see the Microbial mat sample for details.