L' elemento è legato a questa idea di un sistema di icone SVG in linea. Abbiamo imparato che un modo pulito per farlo è mettere tutto ciò che intendi disegnare in un secondo momento in un blocco in modo che non venga visualizzato e possiamo fare riferimento ad essi in seguito (dì loro al browser di disegnare quell'icona).
In questo video passeremo un po 'di tempo a costruire manualmente il nostro blocco. Non è particolarmente difficile e, penso, fa capire come funziona tutto questo.
Lo realizzeremo da SVG che troviamo in diversi luoghi del web. Ne prendiamo uno da The Noun Project, uno da IcoMoon e uno da Shutterstock. Facciamo la nostra due diligence nell'aprire l'SVG, nel sistemare qualsiasi forma strana, nel sistemare le dimensioni della tela e quant'altro. Non c'è limite alla provenienza di queste informazioni vettoriali. Queste tre fonti servono solo per mostrare che SVG può provenire da qualsiasi vettore.
In seguito si spera di semplificare questo processo, ma capire i dettagli di come funziona è sempre utile. Non sai mai quando avrai bisogno di scavare più a fondo (ad esempio per capire perché qualcosa non funziona correttamente).