Updated August 27, 2026
3D logo for a website hero
A website can show the logo as a live 3D object, a video loop, or a still. On 3DLogo.io, a share link gives you an iframe embed that visitors can drag to orbit; a GLB export drops into your own three.js or model-viewer scene; a 16:9 MP4 or a 4K PNG covers everything else.
Which format fits which hero
| Requirement | What to do on 3DLogo.io |
|---|---|
| Live, interactive | Embed the share page: an iframe at /e/{token}, cookie-free, with a small "Made with 3DLogo.io" badge on Free; Pro hides the badge and can restrict the embed to your domains. |
| Your own scene | Export GLB (free, with a small tag mesh on Free; clean on Pro) and load it with three.js, React Three Fiber, or <model-viewer>. Materials and PBR travel with the file. |
| Video background | Wide MP4 (16:9) from the Share panel: 480p free with the mark, 720p or 1080p on Pro. Five seconds, loops cleanly with Spin. |
| Static hero | PNG up to 1024 px free, 2K or 4K on Pro; transparent background so it sits on your own gradient. |
| Weight | A logo GLB from the editor is typically under a few megabytes; keep depth moderate and bevel segments low for a lighter mesh. |
Styles that suit this use
- Chrome 3D logo: Reflections read well against dark hero grounds.
- Glass 3D logo: Sits over photography without fighting it.
How to make it on 3DLogo.io
- Make the logo in the editor and open Share.
- For a live hero, copy the Embed iframe; for your own scene, download GLB; for a loop, download Wide MP4.
- Paste the iframe, or load the GLB with your 3D library, or set the MP4 as a muted looping video.
- On Pro, hide the embed badge and restrict embed domains from the Share panel.
Conditions and limitations
The embed needs a browser with WebGL; provide the PNG as a fallback. Guest share links expire after 14 days unless you sign in and keep them; embeds need an account.
Questions
- Does the embed slow my page?
- It is an iframe that loads on demand, cookie-free, and renders in the visitor's GPU. Lazy-load it below the fold or use the poster image first.
- Can I hide the badge on the embed?
- On Pro. Free embeds carry a small "Made with 3DLogo.io" badge.
- Will the GLB work in <model-viewer>?
- Yes. The export is standard glTF binary with PBR materials.
