From the course: Creating a Design System with Adobe XD

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Iconography

Iconography - Adobe XD Tutorial

From the course: Creating a Design System with Adobe XD

Start my 1-month free trial

Iconography

“

- [Instructor] Now let's learn how to play with icons here in XD. I have a couple icons there. Let's say I want to create one almost like this pin icon right here. How can I do that in XD? So for that, I'll use the circle tool, the ellipse tool there, create two ellipses, align them, then I use Boolean operations here to subtract. Double-click, double-click again to get access to the nodes there, then I can move that down, double-click to get rid of the handle and there we go. This is my pin icon. I can see it's a subtraction operation, because in the layers panel I can see I still have access to both elements which is pretty cool so this is non-destructive. And then using the assets panel I can apply that color and I don't want a border. So now let's say I want to create a grid to hold my icons, right, so I can create an art board using the art board tool for your icons, for your small icons there. I'll…

Contents