L' élément est embrayage à toute cette idée d'un système d'icônes SVG en ligne. Nous avons appris qu'une manière simple de le faire est de mettre tout ce que vous avez l'intention de dessiner plus tard dans un bloc afin qu'il ne soit pas rendu et que nous puissions les référencer plus tard (dites au navigateur de dessiner cette icône).
Dans cette vidéo, nous allons passer du temps à construire notre propre bloc à la main. Ce n'est pas particulièrement difficile et, je pense, explique comment tout cela fonctionne.
Nous allons le créer à partir de SVG que nous trouvons à différents endroits sur le Web. Nous en prenons un à The Noun Project, un à IcoMoon et un à Shutterstock. Nous faisons notre diligence raisonnable en ouvrant le SVG, en corrigeant toutes les formes étranges, en ajustant la taille de la toile, etc. Il n'y a pas de limite ici à l'origine de ces informations vectorielles. Ces trois sources sont juste pour vous montrer que SVG peut provenir de n'importe quel vecteur.
Plus tard, nous espérons simplifier ce processus, mais comprendre les rouages de son fonctionnement est toujours utile. Vous ne savez jamais quand vous aurez besoin de creuser plus profondément (par exemple pour comprendre pourquoi quelque chose ne fonctionne pas correctement).