Spline
  • Customers
  • Enterprise
  • Pricing
Talk to salesStart building
  1. Academy
  2. Tutorials
  3. How to Make a Frosted Glass 3D Icon

How to Make a Frosted Glass 3D Icon

Spline 3DBeginner7 min

In this tutorial, you will learn how to use the Glass material layer on Spline to create a frosted glass effect in a 3D icon.

Check this scene in real-time: https://my.spline.design/frostedglassicon-e42b97aa5d357f036b9e2bd510e45557/

What you’ll learn

  1. 0:00Introduction
  2. 0:25Creating the base color layer
  3. 3:00Making the 1st glass layer
  4. 4:122nd glass layer
  5. 4:55Final adjustments
  6. 5:40Exploring design alternatives

Related resources

  • Frosted Glass IconTemplate
  • Extruding 2D objects in 3DDocument
  • Glass LayerDocument
  • Depth Layer / 3D GradientDocument

Overview

  • Spline 3D
  • 7 min
  • Beginner

Part of

  • Materials & Shading That Look Good

Related tutorials

All tutorials
Design a Glass Cube in 3D

Spline 3DBeginner11 min

Making The Batman logo in 3D with Spline

Spline 3DBeginner5 min

Add Atmospheric Fog to 3D Scenes

Spline 3DBeginner4 min

Spline

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

Ask AI about Spline

Products

  • 3D Design
  • Hana
  • Omma
  • AI 3D Generation
  • Spline MCP
  • Pricing
  • Enterprise

Runtimes

  • Web
  • iOS
  • Android

Apps

  • Download
  • Spline Mirror
  • Download Spline Mirror

Learn

  • Docs
  • Academy
  • Spline API
  • Solutions

Community

  • Spline Community
  • Blog
  • Changelog
  • Education
  • Contra
  • Affiliate

Company

  • Customers
  • Careers
  • Security

Legal

  • Terms & Conditions
  • Privacy

Contact

  • help@spline.design
  • jobs@spline.design
© 2026 - Spline, Inc.