AD: How to create repeated patterns with svgs?

[Zk433]

I am trying to create a repeated background pattern with svgs. I have found patterns here: http://www.heropatterns.com/ But these are CSS ready - I get the CSS code. When I download the file, I get a svg file with one repeat. How do I recreate the pattern in AD? 

 

EDIT:

I have tried to use Symbols to save the svg as a symbol, and then cntr+J to repeat it across the page. But since the svg is small, it seem very laborious. Is there a different way? What if I don't want the tiles to be exactly against each other but have some margin on each side?

 

Thank you.

[DWright]

Hi Zk433,

If you press Alt and the drag the svg you can then have a margin for when you power duplicate, once you have finished a row you can the do the same to duplicate the rows and in this way you can quickly fill the document as shown in this tutorial.