Animated SVG Globe with Markers and Logos

Animated SVG Globe with Markers and Logos

Spinning Earth Globe animations with markers and logos’ carousel for Desktop and Mobile. Perfect way to visualize location of event/office/store/city or to showcase partners/sponsors logos.

  • Globe rotation made up with flat world maps animated in circle mask
  • Smooth animation (done with Velocity.js)
  • Animation speed and sequence controlled with Javascript (defined variables)
  • Animation shows up when the Globe becomes visible in the browser
  • Resolution independent SVG graphics (perfect for displays with higher pixel density, such as Retina)
  • Easy to change width, colors or visibility of elements, animation parameters
  • In total: 7 different animation examples + 33 color presets
  • Versions:
    1. globe with map markers (3 examples)
    2. globe with logo carousel (2 examples)
    3. just the globe (2 examples)
  • Included:
    • HTML, CSS, JS, SVG files
    • Documentation
    • PSD helper
  • Browsers:
    • For Desktop: IE9, IE10, IE11, Chrome, Firefox, Safari, Opera
    • For Mobile: iOS Safari, iOS Chrome, Android Chrome

Customer support

  • Documentation included (HTML)
  • Additional support by e-mail or this site.
  • I’m available to customise these files (at an additional cost). Mail me if you have any tasks.
  • Contact e-mail:

See also: Spinning 3D Earth Globes (Pack of 5) – Flash Spinning Earth Globe (with Controlled Speed) – Flash World map with navigation menu – Flash HD Spinning Earth Globe (for light background) – Video

More items by cesgra

Double text lines Banner templates Animated SVG Globe with Markers and Logos SVG Donut Charts Cube Rotator Circle Hover Effects Curl Hover Effects Spinning SVG Earth Globes: Flat and 3D