Het element past bij dit hele idee van een inline SVG-pictogramsysteem. We hebben geleerd dat een schone manier om dit te doen is om alles wat je later wilt tekenen in een blok te plaatsen, zodat het niet wordt weergegeven en we kunnen er later naar verwijzen (vertel de browser om dat pictogram te tekenen).
In deze video gaan we wat tijd besteden aan het met de hand bouwen van ons eigen blok. Het is niet bijzonder moeilijk en, denk ik, maakt duidelijk hoe dit allemaal werkt.
We gaan het maken van SVG dat we op verschillende plaatsen op internet vinden. We pakken er een van The Noun Project, een van IcoMoon en een van Shutterstock. We doen onze due diligence bij het openen van de SVG, het repareren van rare vormen, het opknappen van de canvasgrootte en wat al niet. Er is hier geen limiet waar deze vectorinformatie vandaan kan komen. Deze drie bronnen zijn slechts om te laten zien dat SVG overal vandaan kan komen.
Later zullen we dit proces hopelijk vereenvoudigen, maar het is altijd handig om de bouten en moeren te begrijpen van hoe het werkt. Je weet nooit wanneer je dieper moet graven (bijvoorbeeld om erachter te komen waarom iets niet goed werkt).