Support Centre

Quick Guide to Customizing Icons and Shapes

Renée Meloche
Renée Meloche
  • Updated

Venngage makes it easy for you to customize the size, orientation, and color of hundreds of icons available in our extensive catalog.

Reposition or resize

Reposition an icon on the design canvas by clicking on the icon and dragging it to the place you want.

 

Use the handles on the bounding box (the selection box around the icon) to resize it.

Use the handles on the corners to resize the icon proportionally (maintaining its aspect ratio).

Need a little extra help? Venngage makes it easy!

Flip or rotate

Use the Flip Horizontal tool to flip the icon along a horizontal axis.

Screenshot 2024-02-29 at 3.31.49 PM.png

Select the icon, then click the Flip Horizontal in the top toolbar to flip it.

Rotate the icon to change its orientation.

Select the icon, then click and drag the circular arrow that appears at the bottom of the bounding (selection) box. When you're happy with the new orientation, let it go.

 

Change the color 

Click on the icon to select it.

Click on the Color Tool icon on the toolbar at the top.

The Color Tool icon appears as a square the color of the design element and a tear-drop or droplet shape in the middle:

Screenshot 2024-02-29 at 3.46.31 PM.png

Select a new color using the Color Picker, or by clicking a color tile under Project or Swatch colors. Once you’ve selected a color, click the 'X' at the top of the Color Tool widget, or click anywhere outside the widget to close it and save the changes.

The Color Tool widget also allows you to access Brand Kit Colors and apply them to elements on your design canvas. Use the Color Tool to customize the light/dark value of a color, as well as to adjust the opacity/transparency of icon color.

 

Select the icon you want to link. With the icon selected, a link icon will appear in the top toolbar. 

Click the link icon in the top toolbar to expand the URL text field. Type or paste the URL address you want to use into the text field, or select a page from your design to link to.

Click out of the text field or select another element on the canvas to confirm. 

Screen Recording 2024-02-29 at 3.50.44 PM.gif

 

Change or remove a hyperlink

Click on the icon again to select it. The link text field will appear, containing the link address, in the top toolbar.
Change the hyperlink the same way you added it: type the new URL into the text field and then click anywhere on the canvas to deselect the icon and save your changes.
Remove the link by selecting the icon, either highlight the URL inside the field and hit delete. 
 
Screen Recording 2024-02-29 at 3.49.58 PM.gif

Use fill percentage to add two colors to a mono icon

Easily represent a percentage datum point by adding a second color to a mono-color icon.

Open the Icons gallery and add any "mono" icon to the canvas, or click on any mono icon on the canvas to select it.

Click the Color Fill % drop-down on the top toolbar.

Choose any percentage other than 100% to give the icon two different colors. A second Color Tool icon will appear in the top toolbar, set to a default color. 

Customize the colors of each portion of the icon using the Color Tool in the top toolbar.

 
The feature(s) discussed in this article is available on the following Venngage subscription plans: Free, Premium, Business and Enterprise.

Curious about upgrading? Compare our plan features side by side.

Was this article helpful?

1 out of 7 found this helpful

Have more questions? Submit a request