Powered by Loading Icons: Animatable Vector Icon Library
© this icon is released under Loading.io FREE License.
looking for other icons?
from Loading.io Animated Icon Library
A compass is an instrument used for navigation and orientation that shows direction relative to the geographic cardinal directions (or points). Usually, a diagram called a compass rose shows the directions north, south, east, and west on the compass face as abbreviated initials. When the compass is used, the rose can be aligned with the corresponding geographic directions; for example, the "N" mark on the rose points northward. Compasses often display markings for angles in degrees in addition to (or sometimes instead of) the rose. North corresponds to 0°, and the angles increase clockwise, so east is 90° degrees, south is 180°, and west is 270°. These numbers allow the compass to show magnetic North azimuths or true North azimuths or bearings, which are commonly stated in this notation. If magnetic declination between the magnetic North and true North at latitude angle and longitude angle is known, then direction of magnetic North also gives direction of true North.
— adopted from wikipedia, "compass", available under CC BY-SA License.
customizable icon library built for animation
Loading.io's icon library provides thousands of icons that are all customizable and animatable. You can choose up to 100+ animations and apply to any icons you picked to generate customized images with various formats including GIF, SVG, APNG or PNG sequence.
When using in static form, most icons in Loading.io's icon library are released under CC-BY License, which can be used freely with attribution.
Loading icons are designed to be animated. We provide a handy collection of animation presets for you to apply on the icons you need, and generate the animation in desired format.
Animations can be customized and applied to single element of icons, making your design subtle and unique comparing to others.
Any questions or suggestion? Feel free to leave comment here. :)
turning off the edge smoothing option might help
By its design, GIF is quite limited in quality especially with transparency on. If you got GIF with colored border around edges of generated image, you can turning off
Edge Smoothing option and try again.
This option will give crispy edges around generated image, but might lead to pixelated result, so please use it at your discretion. For more information, check our guide about improving GIF image quality.
update palette with picked colors in editor
This will bring up the palette editor with a new palette from all colors you have picked in this editor. Current chosen palette won't be replaced before you click "Use This Palette".
Are you sure to do this?
We failed to build the requested resources for you.
This might be caused by internal bugs, side effects of browser plugins, or unsupported browsers. You could try to resolve this with following:
Sorry about this inconvenience!
copy/right click to save or click download button
Your image will be ready soon
You might have signed up with another email / password before. please try:
Download after paying or upgrading to Pro with your loading.io account.
You are downloading free license item. Sign in to proceed.
Save your works, design and share with others by logging in loading.io.
Loading.io is brought to you by:
PlotDB Ltd. / 見聞科技有限公司 VAT No. 52518929
Service for making ajax loaders / loading gifs / preloaders and animated icons, live background, animated text in GIF / SVG / APNG / CSS.