Draw SVG

This shortcode For to Add the Draw SVG.

General

  • Source – Here you can select the source of svg.
  • Icon –  Here you can upload icons from Elementor.
  • Width –  Here you can set the width for the SVG icon.
  • Alignment  – Here you can set the positioning of SVG icon relative to the container.

Animation

    • Animation –  Here you can select the Animation type. For example ( On Hover, On Scroll, etc.)
    • Animation Duration –  Here you can set the duration for the Animation.
    • Animation Delay – Here you can set the time to wait before the animation starts.
    • Animation Timing Function – Here you can select the timing function like ease-in, ease-out, linear.
    • Repeat Drawing – Select ‘yes’ if the animation has to repeat infinitely.
    • Box Shadow – Here you can apply a shadow effect to the element’s box for a 3D look.
    • Typography – Here you can customize the style, size, and arrangement of the text.

Styles

  • Margin – Here you can set the outer space of the element from it’s border.
  • Padding  – Here you can set the space between the element’s content and its border.
  • Background Color – Here you can set the background color for the SVG icon.
  • Stroke Color  – Here you can set the color for the icon.
  • Stroke Width  – Here you can set the thickness of the icon.
  • Fill  – Enable to add fill color to the SVG icon.
  • Fill Color  – Here you can set the color to fill the SVG icon.
  • Border Display  – Enable to display border for the SVG icon container.
  • Border Style  – Here you can select the border styles like double, dotted, etc.
  • Border Radius  – Here you can increase the roundness of the SVG icon container.
  • Border Color  – Here you can set the color for the Border.
  • Border Width  – Here you can set the Width for the Border.

Leave a Reply

Your email address will not be published. Required fields are marked *