Please find the following steps to create Modal Dialog using Lightning Component –

  1. Open https://www.lightningdesignsystem.com/downloads/ website and download the Design System Zip.
  2. Upload the file which is downloaded in step1 as a Static Resource (Give the name as “SLDS”).
  3. Create a Lightning Component to refer the SVG Icons while referring in Lightning App/ Lightning Component as below –


<aura:component >
    <aura:attribute name="class" type="String" description="CSS classname for the SVG element" />
    <aura:attribute name="xlinkHref" type="String" description="SLDS icon path. Ex: /assets/icons/utility-sprite/svg/symbols.svg#download" />
    <aura:attribute name="ariaHidden" type="String" default="true" description="aria-hidden true or false. defaults to true" />
</aura:component>

agencywordpress themes