This documentation shows step by step how to use the Material Vector Icon asset after importing this asset into your current project.

Introduction

Material Vector Icon uses the material icon set available here and makes them easily usable in your projects. The advantage of using vector icons is that they can be scaled to whatever size you want without losing the quality. Now let's start adding your first vector icon!

1. Create a new Material Vector Icon

To create a new Material Vector Icon right-click the hierarchy pane and choose "UI > Material Vector Icon".

Make sure the newly created icon has a parent of type Canvas. Otherwise you cannot see your icon in the editor window.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6e03bc88-2911-47c9-b54f-d00760f03f93/01_MaterialIcon.gif

2. Change the icon

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1b229c91-ddec-4ed0-b3a2-f1548b373042/materialIcon_video01.gif

There are plenty of icons you can choose from. Just click on "Choose Icon" to open the icon picker and choose your desired icon.

Besides that you can search for icons by typing a keyword into the search field.

3. Change the color of your icon

To change the icon color just click on the same named property in the inspector pane. That will open up the color picker where you can choose your favorite color.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a7a567cf-037b-472d-abf1-a062be6fec8b/materialIcon_video02.gif

That's it!

If you experience any troubles using this asset please do not hesitate to contact me by email: [email protected]. Any suggestions appreciated :)