SVG

SVG to Video

Advanced Browser-Based Vector Animator & Exporter

Encoder: Starting...

Drag & Drop SVG or Click to Upload

Supports raw vector files with SMIL and CSS animations

<circle cx="400" cy="400" r="180" fill="url(#gradient)" opacity="0.15" filter="url(#glow)">
    <animate 
      attributeName="r" 
      values="150;210;150" 
      dur="6s" 
      repeatCount="indefinite" />
  </circle>

<g transform="translate(400, 400)">
    <rect x="-80" y="-80" width="160" height="160" rx="40" fill="none" stroke="url(#gradient)" stroke-width="8" filter="url(#glow)">
      <animateTransform 
        attributeName="transform" 
        type="rotate" 
        values="0; 360" 
        dur="8s" 
        repeatCount="indefinite" />
    </rect>
    <circle cx="0" cy="0" r="20" fill="#ffffff" filter="url(#glow)">
      <animate 
        attributeName="opacity" 
        values="0.5;1;0.5" 
        dur="2s" 
        repeatCount="indefinite" />
    </circle>
  </g>

<circle cx="400" cy="400" r="100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1" />
  <circle cx="400" cy="300" r="10" fill="#06b6d4" filter="url(#glow)">
    <animateTransform 
      attributeName="transform" 
      type="rotate" 
      from="0 400 400" 
      to="-360 400 400" 
      dur="4s" 
      repeatCount="indefinite" />
  </circle>

<text x="400" y="700" fill="#9ca3af" font-family="system-ui, sans-serif" font-size="20" font-weight="600" letter-spacing="4" text-anchor="middle" opacity="0.8">
    VECTRAVIDEO STUDIO
    <animate attributeName="opacity" values="0.3;0.9;0.3" dur="4s" repeatCount="indefinite" />
  </text>
</svg>

Duration: 5s • No finite animation duration found • using 5s fallback•~300 frames @ 60fps

MP43840x216060 FPS