# Tạo icon 3D từ đầu - Spline Academy (https://spline.design/vi/academy/tutorials/create-3d-icons-from-scratch) > Xin chào! Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách tạo icon 3D bằng Spline, bao gồm chuyển vector 2D thành 3D, dùng công cụ pen, nhập và chuyển đổi… 1. [Academy](https://spline.design/vi/academy) 2. [Hướng dẫn](https://spline.design/vi/academy/tutorials) 3. Tạo icon 3D từ đầu # Tạo icon 3D từ đầu Spline 3DCơ bản16 phút Xin chào! Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách tạo icon 3D bằng Spline, bao gồm chuyển vector 2D thành 3D, dùng công cụ pen, nhập và chuyển đổi SVG. Cùng nhau, chúng ta sẽ tạo một icon từ đầu đến cuối và thêm vật liệu để tạo hiệu ứng kính mờ. Chúng ta cũng sẽ tìm hiểu cách làm icon tương tác và tận dụng chúng cho các dự án web hoặc ứng dụng. Cùng bắt đầu nhé! \--- Tài nguyên ở đây! 👋: 🏃Một hướng dẫn tuyệt vời để tìm hiểu thêm về cách tạo tương tác trong Spline: 🏗️ Thêm nhiều cách xây dựng trong Spline: 💻 3D cho website của bạn: 💖 3D cho dự án iOS: \--- Khám phá thêm nhiều nhà sáng tạo và dự án tuyệt vời #MadeInSpline tại ## Bạn sẽ học được gì 1. [0:00Giới thiệu icon 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=0s) 2. [0:21Chuyển từ 2D sang 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=21s) 3. [1:00Dùng công cụ Pen và khối hình](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=60s) 4. [2:31Nhập và chuyển đổi SVG](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=151s) 5. [4:38Thêm vật liệu cho hiệu ứng 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=278s) 6. [14:04Thêm một tương tác đơn giản cho icon](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=844s) ## Tài nguyên liên quan - [Message IconMẫu](https://app.spline.design/academy/tutorials/create-3d-icons-from-scratch?redirect-duplicate-template-uuid=806351b2-5c4c-4587-b4e1-eaeb698c5445&is-2d-file=false) - [Pen ToolTài liệu](https://docs.spline.design/designing-in-3-d/pen-tool) - [Extruding 2D objects in 3DTài liệu](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d) - [Materials & ShadingTài liệu](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading) ## Tổng quan - Spline 3D - 16 phút - Cơ bản ## Thuộc - [Spline 101 | Xây dựng cảnh tương tác đầu tiên của bạn](https://spline.design/vi/academy/collections/spline-101-build-your-first-interactive-scene/create-3d-icons-from-scratch) ## Hướng dẫn liên quan [Tất cả hướng dẫn](https://spline.design/vi/academy/tutorials) [Bắt đầu với 3D trong SplineSpline 3DCơ bản26 phút](https://spline.design/vi/academy/tutorials/get-started-with-3d-in-spline)[Cách nhúng cảnh 3D từ Spline vào ShopifySpline 3DCơ bản9 phút](https://spline.design/vi/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify)[Cách thiết lập API và Webhook thời gian thực cho cảnh 3DSpline 3DNâng cao16 phút](https://spline.design/vi/academy/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes) [Spline](https://spline.design/vi) Trình chỉnh sửa 3D và 2D cho các nhóm và tác nhân AI của họ. Xuất bản lên web, iOS và Android. #### Hỏi AI về Spline #### Sản phẩm - [Thiết kế 3D](https://spline.design/vi/3d-design) - [Hana](https://spline.design/vi/hana) - [Omma](https://omma.build) - [Tạo 3D bằng AI](https://spline.design/vi/ai-generate) - [Spline MCP](https://spline.design/vi/mcp) - [Spline Arena](https://spline.design/vi/arena) - [Bảng giá](https://spline.design/vi/pricing) - [Doanh nghiệp](https://spline.design/vi/enterprise) #### Runtime - [Web](https://spline.design/vi/web) - [iOS](https://spline.design/vi/ios) - [Android](https://spline.design/vi/android) #### Ứng dụng - [Tải xuống](https://spline.design/vi/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Tải Spline Mirror](https://spline.design/download-mirror) #### Học - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/vi/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Giải pháp](https://spline.design/solutions) #### Cộng đồng - [Cộng đồng Spline](https://community.spline.design) - [Blog](https://spline.design/vi/blog) - [Changelog](https://spline.design/vi/changelog) - [Giáo dục](https://spline.design/vi/education) - [Contra](https://spline.design/contra) - [Tiếp thị liên kết](https://spline.design/vi/affiliate) #### Công ty - [Khách hàng](https://spline.design/vi/customers) - [Tuyển dụng](https://www.ycombinator.com/companies/spline/jobs) - [Bảo mật](https://spline.design/vi/security) #### Pháp lý - [Điều khoản & Điều kiện](https://spline.design/terms) - [Quyền riêng tư](https://spline.design/privacy) #### Liên hệ - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.