Skip to content

Free, and nothing leaves your browser

Custom 3D iconsfrom any logo.

Drop in an SVG or PNG and get it back in glass, metal or colour. Export a PNG for your designs, a GLB for three.js or an STL for print.

Make a 3D icon See how it works
GitHub, Spotify, Figma and Framer logos rendered as glass and metal 3D icons

From flat SVG to finished 3D asset

Everything you need to ship custom 3D icons for a site, an app or a deck, without opening a 3D tool.

Shape
github.svg1 outline

Reads any SVG or PNG

Logos, icons, wordmarks. Every shape is found, holes kept and stray pixels ignored, so you never redraw a path.

Shape

The outline as a solid slab14 mm, 3.2 mm bevel

Four ways to add depth

Extrude a crisp slab, stack brand colours in layers, inflate a soft volume, or turn artwork into relief. Pick a mode to see its cross-section.

Workflow

Export GLB

  • ⌘E Export GLB
  • F Frame
  • 1–4 Angle, front, side, top
  • R Auto-rotate
  • ⌘B Panel

Keyboard-first, like your editor

Frame, switch views, spin and export without reaching for the mouse. Try F, 1 to 4 or R on this page.

Finish

GlassSapphire

29 finishes, fully tunable

Glass that refracts, metal that reflects, matte colour prints. Start from a preset, then tune IOR, roughness and tint.

Shape
W0.0mmH0.0mmD14.0mm

Sized in real millimetres

Set the height and the width follows the mark. The STL prints at exactly the size you set.

Workflow
PNGSlides, posts
GLBWeb, 3D apps
STL3D printing

Ready for your stack

A 2× PNG for Figma and slides, a GLB for three.js and React Three Fiber, an STL for the printer.

Workflow

0 bytes uploaded

Client logos stay private

Tracing, modelling and rendering run on your machine. Nothing is uploaded, and there’s no account to create.

Made from logos you know

Each render came straight out of the studio at its default settings. Open one to remix it, or drop in your own mark.

GitHub logo rendered in 3D, polished chromeGitHubPolished chromeFigma logo rendered in 3D, holographic glassFigmaHolographic glassSpotify logo rendered in 3D, emerald glassSpotifyEmerald glassDiscord logo rendered in 3D, sapphire glassDiscordSapphire glassApple logo rendered in 3D, brushed aluminiumAppleBrushed aluminiumLinear logo rendered in 3D, obsidian glassLinearObsidian glass

Logos belong to their owners and appear only to show what Vitrum can do. Vitrum isn’t affiliated with these brands.

Free, no account, nothing to install

Your next icon set is a minute away.

Drop in your SVG, pick a finish, export.

Make a 3D icon

Questions

The short answers. The studio explains the rest as you go.

Do I need to know 3D?

No. Drop in a logo or icon, pick a finish and turn it to the angle you want. Vitrum builds the geometry for you. Depth, bevel, lighting and material stay adjustable if you want to go further.

What files work best?

SVG, PNG, JPG and WebP. A mark with a clear silhouette gives the cleanest result. A transparent background helps but isn’t required: Vitrum detects the shape either way.

Can I use the GLB in three.js or React Three Fiber?

Yes. The GLB is a standard glTF binary with physically based materials, sized in metres, so it loads in three.js, React Three Fiber, Spline, Blender and most 3D tools.

Can I use it for client work?

Everything you export is yours to use. Only upload artwork you own or have permission to use, and check a brand’s guidelines before rendering its logo.

Do my files leave my device?

No. Tracing, modelling and rendering all run in your browser. Nothing is uploaded, and there’s no account to create.