Wix Harmony Editor: Working With Vector Art, Shapes, and Icons
4 min
In this article
- Adding vector art, shapes, and icons
- Designing vector art, shapes, and icons
- Adjusting the settings of basic shapes and vector art
This article refers to the new Wix Harmony Editor, released in December 2025. The Wix Harmony Editor is not yet available to all users. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, view more information here.
Add beautiful vector art, shapes, and icons to express your style. These graphics are digital illustrations (SVGs) that stay sharp at any size, so your design always looks stunning. Choose from the hundreds of free options available at Wix, or upload your own.
Note:
In the Graphics section of the Add panel, you can find vector art, shapes, icons, and stickers. Stickers are image files you can add to your site, while the rest are SVGs, so you can edit them differently.
Adding vector art, shapes, and icons
You can use vector art, shapes, and icons to decorate your site, or as an appealing call-to-action. You can either choose from the hundreds of free options available from Wix, or you can upload your own.
To add vector art, shapes, and icons:
- Go to your editor.
- Click + Add at the top left of the editor.
- Select the Graphics category.
Tip: Click the Arrow icon
next to the categories to browse through the list. - Choose an option below:
Choose from the free options available from Wix
Upload your own vector art (SVG)
.Designing vector art, shapes, and icons
Customize vector art, shapes, and icons on your site including the colors, opacity, and shadow, so it complements your design.
Note:
The available customization options depend on whether the vector art features a single color, multiple colors, or a grayscale palette.
To customize the design:
- Go to your editor.
- Click the relevant element and choose what you want to customize:
Customize its colors
Adjust its design
on the action bar.
: Define the borders of your element so it stands out, choosing a color, width and style. Click the Edit all borders icon 
to design them all at once.
: Apply inner and outer shadow to give the element an interesting 3D effect, setting the position, blurriness, color and more.
: Flip the element horizontally or vertically.Add an animation
on the action bar.Adjusting the settings of basic shapes and vector art
Adjust how these elements appear and function on your site. You can update their size and layout, add a link to turn the element into a button or call-to-action, and set accessibility options to make sure everyone can enjoy your site’s content.
To adjust the settings:
- Go to your editor.
- Select the relevant element.
- Click the Settings icon
on the action bar. - Choose what to do next:
- Resize Mode: Choose how the element fits on the page: Fit or Stretch.
- Links to: Add a link to the element.
- Accessibility: Enter a short description of what you can see in this vector art or basic shape, to help search engines and accessibility tools.
