The element er clutch til hele denne ideen om en inline SVG-ikonet system. Vi lærte at en ren måte å gjøre det på er å plassere alt du har tenkt å tegne senere i en blokk, slik at det ikke gjengis, og vi kan referere til dem senere (be dem om å tegne ikonet).
I denne videoen skal vi bruke litt tid på å bygge vår egen blokk for hånd. Det er ikke spesielt vanskelig, og jeg tror, kjører hjem hvordan alt dette fungerer.
Vi kommer til å gjøre det fra SVG som vi finner forskjellige steder på nettet. Vi tar en fra The Noun Project, en fra IcoMoon og en fra Shutterstock. Vi gjør vår aktsomhet med å åpne SVG, fikse rare former, feste lerretstørrelsen og hva ikke. Det er ingen grense for hvor denne vektorinformasjonen kan komme fra. Disse tre kildene er bare for å vise at SVG kan komme fra hvor som helst vektor.
Senere vil vi forhåpentligvis forenkle denne prosessen, men det er alltid nyttig å forstå muttere og skruer på hvordan det fungerer. Du vet aldri når du trenger å grave dypere (f.eks. For å finne ut hvorfor noe ikke fungerer riktig).