Code

SVG Spinners – Spirograph Pack

SVG Spinners – Spirograph Pack

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.

usage

Features

  • 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.
  • Smooth CSS animation – No JavaScript code needed.

Easy Integration

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.

Easy Customization

Size

sizes

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.

Color

colors

The above image shows a few color combinations as an example, but you can choose to have any color of your choice.

Line Thickness

linethickness

The above image shows a few samples, but you can customize the line thickness according to your needs.

Browser Compatibility

The SVG Spinners are compatible with all the major browsers.

Customer Support

  • Documentation on how to use and customize the SVG spinners is included with this pack.
  • You can contact me by e-mail or here on Envato.
by
by
by
by
by
by