Introducing

SVG Draw Elementor Widget

It's Free

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

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

Button

Button
Image Button

Image Button
Image Separator

Image Separator
Counter

Counter
Progress Bar

Progress Bar
Heading

Heading
Bullet List

Bullet List
Pricing Table

Pricing Table

Modal Box

Modal Box
Image Layers

Image Layers
Icon Box

Icon Box
3D Hover Box

3D Hover Box
Divider

Divider
iHover

iHover
Image Accordion

Image Accordion

Image Hotspots

Image Hotspots
Off Canvas

Off Canvas
Alert Box

Alert Box
Preview Window

Preview Window
Tabs

Tabs
WhatsApp Chat

WhatsApp Chat
Parallax Addon

Parallax Addon

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!

Get PRO

Content Widgets

Contact Widgets

News & Magazine Widgets

Blurbs & CTA Widgets

Reviews & Testimonials

Image & Media Widgets

WooCommerce Elements

Social Feed Widgets

Tables, Graphs & Charts

Off-Grid Widgets

Scroll-Based Widgets

Container Addons & Widgets