https://github.com/voorhoede/datocms-plugin-everything-svg

A DatoCMS plugin that lets you upload SVGs to your DatoCMS project and select the raw <SVG /> it in your models
https://github.com/voorhoede/datocms-plugin-everything-svg

datocms-plugin everything-svg open-source

Last synced: 5 months ago
JSON representation

A DatoCMS plugin that lets you upload SVGs to your DatoCMS project and select the raw <SVG /> it in your models

• Host: GitHub
• URL: https://github.com/voorhoede/datocms-plugin-everything-svg
• Owner: voorhoede
• License: isc
• Created: 2023-08-08T12:13:00.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-04-14T09:59:19.000Z (about 1 year ago)
• Last Synced: 2025-09-22T14:32:38.000Z (9 months ago)
• Topics: datocms-plugin, everything-svg, open-source
• Language: TypeScript
• Homepage: https://www.datocms.com/marketplace/plugins/i/datocms-plugin-everything-svg
• Size: 2.17 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.md
  • Contributing: contributing.md
  • License: license.md

Awesome Lists containing this project

README

          
# DatoCMS plugin: Everything SVG

**This DatoCMS plugin lets you upload SVGs to your DatoCMS project and select the raw SVG it in your models. This way you can have the raw SVG and fetch it from DatoCMS from a `text` or `string` field.**

![](https://github.com/voorhoede/datocms-plugin-everything-svg/raw/main/docs/everything-svg.png)

## Features

* Add raw SVGs

* Upload SVG to media library

* Fetch raw SVG

* Name your SVG

* Fetch from a `string` or `text` field

> note: You can only upload svg's if you are an admin of the dato instance.

## Configuration

First add this plugin via DatoCMS Settings > Plugins > Add (`/admin/plugins/new`).

### Plugin settings

For this plugin you can configure global settings and configure the plugin per field. The global settings are for the SVG uploader and the field settings are for the SVG selector.

#### **Global Settings**

![](https://github.com/voorhoede/datocms-plugin-everything-svg/raw/main/docs/everything-svg-plugin-settings.png)

With these settings you can choose the page location of the SVG uploader.

#### SVG uploader

![](https://github.com/voorhoede/datocms-plugin-everything-svg/raw/main/docs/everything-svg.png)

Upload you SVG and choose if you want to add it in the media library.

> Select an uploaded item to see details of the that item:

> ![](https://github.com/voorhoede/datocms-plugin-everything-svg/raw/main/docs/everything-svg-details.png)

#### **Field Settings**

![](https://github.com/voorhoede/datocms-plugin-everything-svg/raw/main/docs/everything-svg-field-settings.png)

Select the SVGs an editor can select. Those are selectable on the field you have added the SVG Selector to.

![](https://github.com/voorhoede/datocms-plugin-everything-svg/raw/main/docs/everything-svg-selector.png)

## Contributing

See [contributing.md](https://github.com/voorhoede/datocms-plugin-everything-svg/blob/main/contributing.md).