SVG Block

The SVG block allows you to add icons, SVG images and inline SVG code snippets in an instant.

Add

  • Select required block.

  • Click the "+" icon at the bottom of the Quick Inserter.

  • Search for the SVG block.

  • Click to add to page.

Icon

The Icon property allows you to add an unwrapped SVG Icon to your page. This is useful for one-off SVG icons.

  • Select SVG block.

  • In the Primary tab, set Type to Icon.

Select Icon

  • Click "Icon" to open the Icon library or search for required icon.

Customise

The Customise property allows you to modify your Icon as required including size, height, width, stroke as well as fill, stroke and text colours.

  • Customise as required.

Image

The Image property allows you to add an SVG image to your page.

Imported images present a security risk. Although Cwicly sanitises them as well as possible, make sure you trust the source you import them from.

Add

  • Select SVG block.

  • In the Primary tab, set Type to Image.

SVG Uploads

The SVG Uploads property enables you to upload SVG images to the media library.

Cwicly sanitises SVGs but make sure you trust the source of the SVG before uploading it.

  • Navigate to the Cwicly tab in the Dashboard.

  • Open the Role Editor.

  • In Miscellaneous, toggle SVG on to enable.

Set Source

The Source property allows you to set the source of the image, Static or Dynamic.

  • Set source as required.

Customise

The Customise property allows you to modify your Image as required including size, height, width, stroke as well as fill, stroke and text colours.

  • Customise as required.

Inline

The Inline property allows you to add an SVG code snippet to your page.

Imported SVG snippets present a security risk. Although Cwicly sanitises them as well as possible, make sure you trust the source you import them from.

Add

  • Select SVG block.

  • In the Primary tab, set Type to Inline.

Inline SVG

Allows you to add inline SVGs.

Cwicly sanitises SVGs but make sure you trust the source of the SVG before adding it to your content.

  • Navigate to the Cwicly tab in the Dashboard.

  • Open the Role Editor.

  • In Miscellaneous, toggle Inline SVG to enable.

SVG

The SVG property allows you to paste an SVG code snippet.

  • Find the SVG field.

  • Paste required SVG snippet.

Customise

The Customise property allows you to modify your SVG snippet as required including size, height, width, stroke as well as fill, stroke and text colours.

  • Customise as required.

Last updated