GenerateBlocks 2.0 is here - Read the release post

Learn GenerateBlocks

Asset Library

The Asset Library is a workflow feature that simplifies adding custom SVG Shapes and Icons in your builds. With it you can group icons together for easy access in the block editor.

NOTE: Icons and Shapes that are added using the Asset Library are inserted and saved into the Blocks HTML. Once added to a page there is no connection between that Icon/Shape and the Library.

The Asset Library can be found in Dashboard > GenerateBlocks > Asset Library

You can read more about working with SVGs here.

The Asset Library Admin Screen

The Asset Library is split into Shapes and Icons. The process of adding either is identical. For brevity we will demonstrate adding Icons in this article.

Asset Library admin screen
Asset Library Admin screen

Using the Asset Library

The process begins by adding a Group which you can populate with your Icons or Shapes. Each Group can hold as many Icons or Shapes your require. And you can create as many groups as you require.

Adding a Asset Group

  1. Click ADD Group
  2. Set the GROUP NAME
Asset Library create a Group
Add a Group in the Asset Library Admin

Once a Group has been added and given a name you can populate it with Icons. There are two options for adding icons.

Adding Icons to the Group – Option 1

  1. Click ADD Icon
  2. Set the Icon Name
  3. Paste the SVG HTML into the Text Area

Adding Icons to the Group – Option 2 Safe SVG

If you have the Safe SVG Plugin installed it will allow you to Save SVG files in your Media Library.

With this plugin installed you will be able to BROWSE the media library to add Icons or shapes.

Asset Library add an icon
Add a Icon to a Group in the Asset Library Admin

Exporting and Importing Groups

The Assets Group panel provides options to Export and Import groups.