SVG Draw Elementor Widget

It's Free

  • hero-icon-1
  • hero-icon-3
  • hero-icon-2
  • hero-icon-4
  • hero-icon-5
  • hero-icon-6
  • hero-icon-7
  • hero-icon-8
  • hero-icon-9
  • hero-icon-10

The Ultimate Goodness

Animate SVG Elements Using Elementor SVG Draw Feature

Font Awesome Icons

SVG Draw Elementor Widget will let you select and draw any Font Awesome icon on your Elementor page without any need to write such a single line of custom code.


Custom SVG Icons

Besides using the Font Awesome icons, you will be able to add your own custom SVG icons. All you need to do is to insert the icon’s SVG code and let the magic begin!

Draw Text Option

Premium SVG Draw Elementor Widget will put you on the right track to make your text drawn using “Google Fonts to SVG Path” library. Adjust its settings and you are ready to go!

The Greatness

Make SVG Drawn With Mouse Hover It's All Up to You!

Make your SVG elements drawn when the mouse hovers over it. All you need to do is to switch on the “Animate on Hover” option and that’s it!

You'll Also be Able to...

  • Adjust The Start and Ending Points.
  • Reverse The Drawing and Customize Its Speed.
  • Make All Paths Drawn Together.
  • Re-Draw The Elements When Scroll Up.
  • Hover over this area

  • irregular-circle
  • gift-code

Create Your Own Story

Download Premium Addons It's Totally Free of Charge

Extend Your Elementor Page Builder Capabilities Now with Premium Addons.
There are 44+ Elementor Widgets Totally Free of Charge!

The Awesomeness

SVG Draw Widget is Under Your Full Control Developed Exclusively for Elementor

Adjust Premium SVG Draw the FREE Elementor widget the way you want! You’ll have full control to make it work as you need in a way that matches your website spirit. Download Premium Addons for Elementor.

Start & End Points

Use this option to control the starting or ending point of your drawn SVG element. The ending point works when the Reverse Animation option is active.

Reverse Animation

The Reverse Animation option will make your SVG drawn element start working from its last/ending point which means that it will work backward.

Drawing Speed

Adjust your SVG element’s drawing speed. Increasing or decreasing the speed value means it will work faster or slower. The default value is “5”.

Loop & Yoyo Effect

Make your drawn element works continuously using the Loop option, and use the Yoyo Effect to make it restart drawing from the ending point.

Draw All Paths Together

If your SVG element has more than one path/shape, you can make them all start drawing together by enabling the “Draw All Paths Together” option.

Redraw When Scroll Up

Enabling this option will give you the ability to make your SVG element start to be drawing again after scrolling up your Elementor page.

The Happiness

Draw SVG is Available Within Multiple Premium Addons Widgts Bring Life to Your Elementor Page Builder

  • pa-logo-outline
  • Premium Addons for Elementor

And Now, What Are You Waiting for?

Download Premium Addons It's Free!

Extend Your Elementor Page Builder Capabilities Now with Premium Addons.
There are 44+ Elementor Widgets Totally Free of Charge!