Draw SVG can animate your own uploaded SVG file, not only the widget’s built-in icon library.
The custom-upload option only appears once you switch away from the default icon-library choice.
Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — Draw SVG is only in The Plus Addons for Elementor Pro. The widget file exists only in the Pro plugin; it is not available in Free.
- Widget to enable: Draw SVG, switched on under The Plus Addons > Widgets (Creative category).
Steps
- Add a Draw SVG widget to the page.
- In the Content tab, change Select SVG Option away from its default (the built-in icon library) to the custom/upload choice.
- A new Choose SVG media field appears – use it to upload your own SVG file.
- Set Alignment, and On Hover Draw / Loop Draw if you want the draw animation to run on hover or repeat, instead of the default single draw-in.
- Publish and check the front end.
Limitations
- Your SVG file must be a plain stroke-based outline for the draw effect to look right – a filled, solid-shape SVG will not visibly “draw”; this was not independently tested this session with a solid-fill SVG.
Troubleshooting
My uploaded SVG does not animate at all
Confirm WordPress allowed the SVG upload (SVG uploads are blocked by default on some sites unless a media-library-SVG plugin or filter is active), and that Select SVG Option is actually set to the custom/upload choice, not the built-in icon library.
