Uploads for chosen roles
Under Uploading you tick which roles may upload SVG files – administrators and editors from the start. Every file is checked when it arrives, and a file that is not a real SVG image is stopped.
SVG – safe, sharp and in the right color
SVG Support
SVG Support lets you upload SVG images and cleans every file of anything that can run code. Pro decides per image how it is shown, lets the color follow the text – also in dark mode – and shows exactly what was removed from each file.
- Free to use
- Works fully without Pro
- Prowhen you want more
In WordPress the plugin is called Datoden SVG Support – in the DT-addons menu it is listed as DT-svg-support.
How SVG Support works
WordPress does not allow SVG files, because an SVG file can contain code. DT-svg-support allows them for the roles you choose and cleans every file before it is saved, so only the image itself is left. The images get the right width and height and can be shown inline, so they can be colored with CSS.
Every file cleaned
With Clean every file, only known SVG elements are kept. Scripts, events such as onclick, javascript: links, hidden HTML, external resources and harmful CSS are removed, and the image looks the same. Make the files smaller also removes comments and editor data from tools such as Illustrator, Inkscape and Figma.
The right width and height
Width and height are read from the file, so the page does not jump while it loads. Logos, featured images and previews in the media library work as with other images. Compressed .svgz files are unpacked to .svg.
Inline SVG
Under Inline SVG choose Off, Images with the class (style-svg by default) or All SVG images. The image is then replaced by its code on the page – on the server, without JavaScript – so the colors can follow the theme or change with CSS. An image with the class no-inline is always left as an image.
Check existing files and move from SVG Support
Check the files goes through the SVG files in the media library, gives older files their size and finds files with content that should not be there. They can be cleaned with one click, with the originals kept in wp-content/uploads/dt-svg-backup/. If SVG Support is installed, one button takes over its settings and turns it off.
Display per image – color follows the text Pro
In the media library, every SVG gets an On the page field: As in the settings, Inline, Inline – color follows the text, or Always as an image. With Inline – color follows the text, the image takes the color of the text around it, also in dark mode, without writing any CSS. The choice applies wherever the image is used.
The SVG icon block and the [datoden_svg] shortcode Pro
In the block editor, pick an SVG in the SVG icon block and set the size, a color or Color follows the text, and what the image shows for screen readers. The same works in themes and page builders with the [datoden_svg] shortcode.
Cleaning log Pro
The cleaning log on the settings page shows the 50 latest uploaded SVG files: who uploaded them, what was removed and which files were stopped. The same report shows under Cleaned in each image's details.
What it looks like
Everything without a Pro label works for free. What is marked Pro is included in the Pro version.
Get started
After installing – how to set up SVG Support.
Open DT-svg-support
Go to DT-addons → DT-svg-support in the WordPress menu. Changes save by themselves.
Choose who may upload
Tick the roles under Uploading and leave Clean every file on. Only turn the cleaning off if everyone who uploads is trusted.
Check existing files
If the website already has SVG files, click Check the files. Coming from SVG Support? Use Move from SVG Support.
Choose the inline mode
Choose Images with the class or All SVG images under Inline SVG if the images should be colorable. With Pro you can choose per image under On the page instead.
Free and Pro
Pro builds on the free version – it stays as the base, with all your settings, and Pro adds the rest.
Free
- SVG in the media library for chosen roles
- Every file cleaned of scripts and other dangers
- The right width and height, also for the logo
- Inline SVG for the whole page or by class
- Check and clean existing files
- Move from SVG Support with one click
SVG Support Pro
Everything in the free version, plus:
- Per image: inline, always as an image, or inline with the color following the text
- Color follows the text – also in dark mode, without CSS
- The SVG icon block with size and color
- The [datoden_svg] shortcode for themes and page builders
- Cleaning log: what was removed, who uploaded and which files were stopped
Prices
Choose how many websites and how you want to buy. Prices exclude VAT – VAT is calculated at checkout.
Buy and install Pro
The licence follows your Datoden account – no key to paste.
Buy
The purchase is saved on your Datoden account as soon as the payment has gone through.
Download
Get the Pro plugin under My account → My purchases → Licences.
Install
Drop the zip file on Website Guard. Pro is added on top of the free version – everything you have done stays.
Connect
Connect the website in Website Guard. The Pro updates then arrive as ordinary WordPress updates.
Frequently asked questions
Does the cleaning change how the image looks?
No. Only things that can run code or fetch something from another website are removed.
How do I give an SVG the text color?
With inline SVG you can use CSS, for example .dt-svg-inline path { fill: currentColor; }. With Pro, choose Inline – color follows the text for the image and no CSS is needed.
What about SVG files uploaded before the plugin was installed?
Click Check the files. Older files get their size, and files with content that should not be there can be cleaned. The originals are kept in wp-content/uploads/dt-svg-backup/.
How large can an SVG file be?
Up to 8 MB. Larger files are stopped on upload.
Can I keep a single image as a normal image while inline is on?
Yes. Give the image the class no-inline. With Pro you can also choose Always as an image under On the page.
What happens when a licence runs out?
Nothing stops working. A purchase never runs out, and when a subscription ends the plugins keep every function – only the updates from Datoden stop.
What is a major version?
The first number in the version. A purchase includes every update in that major version, for example all 1.x versions. A new major version (2.0) comes about once a year with clearly new features and comes at a discount as an upgrade. A subscription always includes it.
How are websites counted?
Websites connected to your Datoden account with a Pro plugin switched on, in the order they were connected. Disconnect a website in My websites to move the licence to another.
Do I need a licence key?
No. The website is connected to your Datoden account with Website Guard, and Datoden knows which updates your licences include.
Can I go back to the free version?
Yes. Deactivate Pro – the free version keeps running with the same settings. Functions that only exist in Pro stop, but nothing is deleted.
Do I keep the free version?
Yes. Pro is an add-on: the free version stays installed and active as the base and is updated from WordPress.org as usual, and Pro adds the Pro features on top. On WordPress.org the free versions are called Datoden …, for example Datoden SVG Support.
Is VAT included?
Prices exclude VAT. VAT is calculated at checkout from your country. Companies in other EU countries can enter their VAT number.
Already bought?
Your licences, websites and downloads are under My account → My purchases → Licences.