<object class="mySvg" type="image/svg+xml" data="/wp-content/uploads/2024/09/Carrs-Hill-Partners-Logo.svg"></object>
or
<embed class="mySvg" src="your-svg-file.svg" type="image/svg+xml">
<embed class="mySvg" src="another-svg-file.svg" type="image/svg+xml">
***
//Script for Changing the PATH color
document.querySelectorAll('.mySvg').forEach(function(svgElement) {
svgElement.addEventListener('load', function() {
var svgDoc = svgElement.contentDocument;
var paths = svgDoc.querySelectorAll('path');
paths.forEach(function(path) {
path.setAttribute('fill', '#4E738A');
});
});
});
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter