Web Design » InVision » How do you get icons on InVision?

How do you get icons on InVision?

Last updated on September 24, 2022 @ 8:59 pm

If you’re looking to add icons to your InVision projects, there are a few ways to go about it. You can either use the built-in icons or find free or premium icons online.

The built-in icons are located in the “Icons” panel in the “Window” tab. To access this panel, click on the “Icons” button in the “Window” tab and then select the “Icons” tab.

To use the built-in icons, find the icon you want to use and then click on it. This will open the “Edit Icon” window.

In this window, you can size the icon, change the color, and add a background. You can also add a border to the icon.

PRO TIP: InVision is a design platform that enables designers to create interactive prototypes of their designs. Icons are not natively supported in InVision, but there are a few ways to work around this:

1. Use InVision’s built-in icon library: InVision offers a library of icons that can be used in prototypes. To access the library, click the “Add” button in the toolbar and select “Icons.”

2. Use image files: You can also use image files (PNG, JPEG, etc.) as icons in InVision prototypes. To add an image file as an icon, click the “Add” button in the toolbar and select “Image.”

3. Use a third-party icon library: There are a number of third-party icon libraries that can be used with InVision (Iconfinder, The Noun Project, etc.). To add icons from a third-party library, click the “Add” button in the toolbar and select “Third-Party Icons.”

To find free or premium icons, you can use the “Icon Library” feature in InVision. To access this feature, click on the “Icons” button in the “Window” tab and then select the “Icon Library” tab.

The “Icon Library” feature contains a wide variety of icons that you can use in your projects. You can access this feature by clicking on the “Browse” button and then selecting the “Icon Library” folder.

Once you’ve selected the “Icon Library” folder, you can select the icons you want to use by clicking on the “Choose” button. This will open the “Select Icon” window.

To use an icon in your project, simply select the icon and then click on it.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.