This pack contains 12 unique Spirograph designs and 12 different animations, which means that you get a total of 144 combinations to choose from and use it in your websites and/or web applications.
- High Scalability – These are vector based spinners, and hence can be scaled up to a very high resolution without loosing clarity.
- Light Weight – Small size files.
- Easy Customization – Change colors, line thickness and dimensions easily.
Adding the SVG spinner is just too easy. Add an
<img> tag, apply CSS animation class and
specify the path of your SVG design file.
<img class="sa-animate-1" src="Spirograph-Spinner-Design-1.svg" />
Check out the documentation that is included with this pack for more details on how to implement and customize these spinners.
The above image illustrates few sizes, but you can scale your SVG spinners to any size.
Note: Above shown are the image files that tend to loose clarity when resized. The SVG files you get will retain highest level of clarity even when resized.
The above image shows a few color combinations as an example, but you can choose to have any color of your choice.
The above image shows a few samples, but you can customize the line thickness according to your needs.
The SVG Spinners are compatible with all the major browsers.