loguitoc.
Notes

How do I turn an SVG into an MP4?

Give it something to do over time, then record frames. An SVG holds no motion of its own, so a converter has to animate something, usually the drawing of each contour, and then encode the rendered frames into H.264.

Why there is no direct conversion

MP4 is a sequence of frames at a fixed rate. An SVG is one drawing with no duration. Anything that claims to convert one to the other is making a decision on your behalf about what happens between the first frame and the last.

That decision is the whole product. A logo that fades in, a logo that draws itself contour by contour, and a logo that sits still for three seconds are all valid conversions of the same file.

The draw-on version

The most useful motion for a logo comes out of the file itself. Each contour is traced in the order it was drawn, the outline appearing as a moving line, and the fill arriving once the outline closes. It needs no keyframes because the path data already contains the order.

That only works if the converter reads the real path data rather than rasterising the file first. Once it becomes pixels, there are no contours left to trace.

Doing it in the browser

A current browser can encode H.264 without a server. WebCodecs gives you a VideoEncoder, the frames come off a canvas, and a muxer writes the MP4. On this tool, 4K uses the avc1.640033 profile at 40 Mbps and 30 fps, and 1080p drops to avc1.640029 at 12 Mbps.

The practical consequence matters more than the numbers: the file never leaves the machine. No upload, no queue, no server holding your unreleased brand while it renders.

Aspect ratios

Social platforms want three shapes and re-cropping a finished video is where logos lose their margins. Producing 16:9, 9:16 and 1:1 from the same scene in one pass keeps the framing deliberate in all three, because each one is composed rather than cut out of another.

Questions

Can I convert an SVG to MP4 without After Effects?

Yes. A browser can read the vector data, animate it, and encode H.264 locally. There is nothing in this pipeline that needs a desktop compositor.

Will the video be as sharp as the SVG?

The vector is resolution independent and the video is not, so sharpness depends on the export size. Render at the size you will publish at, and prefer 4K if the logo has fine construction lines.

What about transparent background?

H.264 has no alpha channel. For a transparent result, export animated SVG, which stays vector, or a PNG sequence.

loguitoc animates an SVG so it draws itself, and exports MP4 or PNG. Free, in the browser.

Open the editor

Next: How do I make a logo draw itself?

Something wrong in this one? Write to hello@loguitoc.xyz.