In this tutorial, we’ll add SVG files to our WordPress website using Elementor.
You’ll learn how to:
✔︎ Add SVG’s to the SVG File Library
✔︎ Change your SVG style properties
✔︎ And more!
hi oh it’s live from Elemento today
we’ll check out elementals SVG file
manager which is a featuring the icons
control library it gives you the ability
to upload your own SVG icons so you can
enjoy the power of SVG files and keep
your pages lightweight and lean let’s
check it out
SVG’s are scalable vector graphics which
is an xml-based vector image format for
two-dimensional graphics with support
for interactivity and animation the cool
thing about these files is that they’re
extremely lightweight and can be scaled
up or down without any loss of
resolution or blurriness to use it
simply drag in any widget with an icon
control in it then on top of the icon
placeholder click the upload SVG button
a warning pop-up will appear
explaining that SVG files from unknown
sources may contain malicious code and
post potential security risks elementals
SVG module will do its best to sanitize
the files upload it to your site but
it’s best to upload SVG files only from
known and trusted sources after
understanding the risks involved
click enable now go ahead and upload
your SVG icon file once uploaded
elemental sanitizes it removes any
possible malicious code and leaves only
the skeleton of the required image after
the upload is done it will appear in the
SVG’s media library it’s important to
know that SVG’s are inserted into the
page as inline code so in order to take
full advantage of elemental styling
controls it’s recommended to upload
SVG’s without any inline styling such as
fills and strokes well that’s it now you
know how to use elementals SVG file
manager and upload your own SVG icons so
you can enjoy the power of SVG files and
keep your pages lightweight and lean
have fun playing around don’t forget to
subscribe to our youtube channel for
more tips and tutorials see you later
