# 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. {% hint style="info" %} Imported images present a security risk. Although Cwicly sanitises them as well as possible, make sure you trust the source you import them from. {% endhint %} ### 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. {% hint style="info" %} 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. {% endhint %} ### Add * Select SVG block. * In the Primary tab, set Type to Inline.

### Inline SVG Allows you to add inline SVGs. {% hint style="info" %} Cwicly sanitises SVGs but make sure you trust the source of the SVG before adding it to your content. {% endhint %} * 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.