# Crea icone 3D da zero - Spline Academy (https://spline.design/it/academy/tutorials/create-3d-icons-from-scratch)

> Ciao! In questo tutorial ci immergiamo nella creazione di icone 3D con Spline, toccando argomenti come la trasformazione di vettori 2D in 3D, l’uso della…

1. [Academy](https://spline.design/it/academy)
2. [Tutorial](https://spline.design/it/academy/tutorials)
3. Crea icone 3D da zero

# Crea icone 3D da zero

Spline 3DPrincipiante16 min

Ciao! In questo tutorial ci immergiamo nella creazione di icone 3D con Spline, toccando argomenti come la trasformazione di vettori 2D in 3D, l’uso della penna e l’importazione e conversione di SVG. Insieme creeremo un’icona dall’inizio alla fine, aggiungendo materiali per ottenere un effetto vetro satinato. Vedremo anche come rendere le icone interattive e sfruttarle in progetti web o app.

Iniziamo!

\---

Ecco le risorse! 👋: 🏃 Ecco un ottimo tutorial per saperne di più su come rendere le cose interattive in Spline: <https://www.youtube.com/watch?v=JPUSjRxQEKI&t=352s>

🏗️ Altri modi per creare in Spline: <https://www.youtube.com/watch?v=xc-ExwgYDQI>

💻 3D per il tuo sito web:

<https://www.youtube.com/watch?v=ncoSN9mgWe8&t=165s>

💖 3D per progetti iOS:

<https://www.youtube.com/watch?v=44OPMq7FdD0&t=18s>

\--- Scopri altri creator e progetti straordinari #MadeInSpline su <https://community.spline.design/>

## Cosa imparerai

1. [0:00Introduzione alle icone 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=0s)
2. [0:21Trasformare il 2D in 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=21s)
3. [1:00Usare la penna e le forme](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=60s)
4. [2:31Importare e convertire SVG](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=151s)
5. [4:38Aggiungere materiali per gli effetti 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=278s)
6. [14:04Aggiungere una semplice interazione all’icona](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=844s)

## Risorse correlate

- [Message IconTemplate](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 ToolDocumento](https://docs.spline.design/designing-in-3-d/pen-tool)
- [Extruding 2D objects in 3DDocumento](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Materials & ShadingDocumento](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)

## Panoramica

- Spline 3D
- 16 min
- Principiante

## Parte di

- [Spline 101 | Crea la tua prima scena interattiva](https://spline.design/it/academy/collections/spline-101-build-your-first-interactive-scene/create-3d-icons-from-scratch)

## Tutorial correlati

[Tutti i tutorial](https://spline.design/it/academy/tutorials)

[Inizia con il 3D in SplineSpline 3DPrincipiante26 min](https://spline.design/it/academy/tutorials/get-started-with-3d-in-spline)[Come incorporare scene 3D di Spline in ShopifySpline 3DPrincipiante9 min](https://spline.design/it/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify)[Come configurare API e webhook in tempo reale per le tue scene 3DSpline 3DAvanzato16 min](https://spline.design/it/academy/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)

[Spline](https://spline.design/it)

L’editor 3D e 2D per i team e i loro agenti. Pubblica sul web, su iOS e su Android.

#### Chiedi all’IA informazioni su Spline

#### Prodotti

- [Design 3D](https://spline.design/it/3d-design)
- [Hana](https://spline.design/it/hana)
- [Omma](https://omma.build)
- [Generazione 3D con IA](https://spline.design/it/ai-generate)
- [Spline MCP](https://spline.design/it/mcp)
- [Spline Arena](https://spline.design/it/arena)
- [Prezzi](https://spline.design/it/pricing)
- [Enterprise](https://spline.design/it/enterprise)

#### Runtime

- [Web](https://spline.design/it/web)
- [iOS](https://spline.design/it/ios)
- [Android](https://spline.design/it/android)

#### App

- [Download](https://spline.design/it/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Scarica Spline Mirror](https://spline.design/download-mirror)

#### Impara

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/it/academy)
- [API di Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Soluzioni](https://spline.design/solutions)

#### Community

- [Community di Spline](https://community.spline.design)
- [Blog](https://spline.design/it/blog)
- [Novità](https://spline.design/it/changelog)
- [Istruzione](https://spline.design/it/education)
- [Contra](https://spline.design/contra)
- [Affiliazione](https://spline.design/it/affiliate)

#### Azienda

- [Clienti](https://spline.design/it/customers)
- [Lavora con noi](https://www.ycombinator.com/companies/spline/jobs)
- [Sicurezza](https://spline.design/it/security)

#### Note legali

- [Termini e condizioni](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contatti

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.