Skip to main content

Shapes and icons

Add preset shapes or custom SVGs to your project

Iselin Ekornes avatar
Written by Iselin Ekornes
Updated over a week ago

Vev allows you to use a variety of shapes, from simple icons and geometric forms to custom SVG graphics. Shapes and icons are great for adding structure, visual support, and branding to your project.

Adding shapes and icons in Vev

How to Add Shapes and Icons

You can easily add shapes and icons to your project using the Add Menu:

  1. Open the Add Menu: Press the letter M on your keyboard or click the Add Menu icon in the top toolbar.

  2. Find the Component: Search for "Shape" in the menu.

  3. Place on Canvas: Drag and drop the shape component onto your canvas.

  4. Browse and Select: Double-click the shape on the canvas to open the shape library and browse through the built-in icons and shapes.

Tip: Hold the Alt/Option key while dragging a shape onto the canvas to add it as a full-width section.

Built-in Icons

Vev's built-in icon library uses Font Awesome, a popular collection of icons that are included as scalable SVG files.

Uploading a Custom SVG

You can also use your own custom shapes and icons by uploading an SVG file.

  1. Open the Shape Library: Access the shape library from the left sidebar.

  2. Upload: Click the Upload button within the library.

  3. Select File: Choose your .svg file from your computer.

Tip: Most design software, such as Adobe Illustrator or Sketch, allows you to export elements as SVG files. Look for the SVG export format option when you save your design.

Did this answer your question?