SVG Spinners – Spirograph Pack

Product Details

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.

Features

  • High Scalibility – These are vector based spinners, and hence can be scaled up to a very high resolution without loosing clarity.
  • Light Wseight – 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

The below image illustrates few sizes, but you can scale it to any size.

Note: Below are the image files that tend to loose clarity when resized. The SVGs you get will retain heigest level of clarity even when resized.

SVG Spinners – Spirograph Pack - 1
Color

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

SVG Spinners – Spirograph Pack - 2
Line Thickness

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

SVG Spinners – Spirograph Pack - 3

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.
New
0 sales • Released: Jun 02, 2020, 08:54 PM

SVG Spinners – Spirograph Pack

$8
0 reviews

Top Features

  • • animated
  • • animated svg
  • • animation
  • • css3
  • • loader
  • • loaders
  • • smooth
  • • spinner
  • • spinners
  • • spirograph
  • • svg
  • • svg loaders
  • • svg spinner
  • • vectors

Compatibility

High Resolution: Yes, Compatible Browsers: IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Attributes

compatible-browsers
IE10,IE11,Firefox,Safari,Opera,Chrome,Edge
compatible-software
null
demo-url
null
high-resolution
Yes
source-files-included
HTML,CSS
video-preview-resolution
834x618