Updated August 27, 2026

How to put a 3D logo on your website

Share the design, then paste the embed snippet. Sharing turns a saved design into a page at a short link; the embed is an iframe of that same design, square and lazy-loaded, that spins on any site you paste it into. Both are free, and the snippet works the same for a logo, a coin, or a generated mesh.

How do you embed a 3D logo?#

Four steps. The share link is the thing being embedded, so it comes first: an embed is a frame around a share, not a separate export.

  1. Open the design in the editor, the coin studio, or Generate.
  2. Open the Share panel and create a link. The design gets a page of its own.
  3. Switch to Embed and copy the snippet. Adjust width, spin, and controls before copying.
  4. Paste the snippet into your page. It is plain HTML: no script, no build step, nothing to install.

What does the embed code actually contain?#

One iframe and one line of text. The iframe points at the design, is square by default, and is lazy-loaded so it costs nothing until a reader scrolls to it. The line under it credits the design and links back here.

The frame is set to 640 px wide with a 1:1 aspect ratio and no border, and it scales to whatever container you put it in rather than to a fixed size. It is allowed fullscreen, autoplay, and spatial tracking, which is what lets it spin and go full screen on a phone.

Everything in the snippet is escaped before it reaches you, including the title of your own design, because the snippet is pasted into other people’s HTML and a stray quote in a logo name would otherwise break their page.

The credit line is part of the snippet rather than burned into the frame. It links the design to its share page and names 3DLogo.io. Removing it is not enforced, and the license page says plainly that credit is welcome and never required.

What can you change about the embed?#

Four switches and the width, all set before you copy and carried in the URL so the snippet reads true rather than hiding state somewhere else.

SettingDefaultWhat it does
Width640 pxSets the maximum width of the block. The frame itself scales to the container, so this is a ceiling rather than a fixed size.
AutospinOnThe design turns on its own. Off leaves it still until a visitor drags it.
ControlsOnLets a visitor orbit the design. Off makes it a moving picture rather than something to handle.
TransparentOffDrops the background so the design sits on your page colour instead of its own.
BadgeOnThe small 3dlogo.io mark inside the frame. Hiding it is a Pro feature and is checked on the server, not in the snippet.

Which platforms unfurl a share link on their own?#

Anything that speaks oEmbed. A share page advertises an oEmbed endpoint, so pasting the bare link into Notion, WordPress, Ghost, or Discourse renders the same interactive frame the snippet would, with no HTML on your part.

That is the shorter route where it works: paste the link, get the embed. The snippet exists for everywhere else, and for when you want to set the width or turn the spin off.

Platforms that do not resolve oEmbed still show a normal link preview, because the share page carries its own title, description, and poster image.

A link made while signed in lasts until you delete it. A link made as a guest lasts two weeks, and signing in claims it permanently, so a link you have already pasted somewhere keeps working.

The two-week window exists so an anonymous experiment does not become a permanent public page nobody can take down. Claiming is the fix, and it is retroactive rather than a re-share: the URL does not change.

Reopening Share on a design you have restyled updates the existing link in place, so a URL already sitting in someone else’s page shows the current version rather than going stale.

What embedding will not do#

It will not put the model itself on your server, it will not render without a network, and the frame is deliberately not an indexable page. Restricting which sites may frame a design is available, and off by default.

The embed is a frame around a page here, not a copy of the model. If you need the file on your own infrastructure, export a GLB and use your own viewer; exporting is free and covered on the exporting page.

The frame carries a noindex header on purpose. The share page is the one meant to be found and linked, and having both compete would split the same design across two URLs.

A share can name the domains allowed to frame it. Left unset, any site may embed it; set, a request whose referrer is not on the list is refused. That is a deliberate choice per design rather than a default.

Questions

How do I put a 3D logo on my website?
Create a share link for the design, then copy the embed snippet from the Share panel and paste it into your page. It is a plain iframe with no script and nothing to install, and it works on any host that lets you paste HTML.
Is embedding free?
Yes. Sharing, the embed snippet, and oEmbed are all free with an account, and a guest can share without one. The only paid part is hiding the small 3dlogo.io mark inside the frame, which is a Pro feature.
Can I embed without an account?
Yes, but the link lasts two weeks. Signing in claims it permanently without changing the URL, so anything you already pasted keeps working. An unclaimed guest link stops resolving when the two weeks are up.
Will the embed slow my page down?
It is lazy-loaded, so nothing is fetched until a reader scrolls it into view, and it renders in its own frame rather than on your page. A page with an embed below the fold costs the same to load as one without it.
Can I turn off the spin, or the controls?
Both. Autospin and controls are switches in the Share panel, set before you copy, and they are carried in the snippet URL. Turning controls off makes the embed a moving picture rather than something a visitor can drag.
Does the embed work in Notion or WordPress?
Yes, and there you can paste the bare share link rather than the snippet: both resolve oEmbed and render the same frame. Ghost and Discourse do the same. Everywhere else, use the snippet.