[SalesForce] Are SLDS icons available natively in LEX

According to this page on the Lightning Design System, the unmanaged package has been deprecated due to SLDS being available in Salesforce without need for a static resource. However, I'm having trouble grabbing SLDS icons for use in lightning components still.

Are the SLDS icons available without the need for a static resource? If so, what's the path I should use for the SVG?

Best Answer

They are not natively available in lightning. You will need to get a static resource. There is a great explanation on why and the component workaround that you can use until it is supported.

Lightning SVG Component Helper

Since posting, lightning components can now extend SLDS by using the force:slds markup.

force:slds tag release notes

Lightning Icons can then be used by using the lightning:icon markup:

lightning:icon

Related Solutions

[SalesForce] How to refer SVG/Images from Lightning Design System static resource to Lightning app

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg xmlns="http://www.w3.org/2000/svg"
     width="400" height="400">
  <circle cx="100" cy="100" r="50" stroke="black"
    stroke-width="5" fill="red" />
</svg>

Here is an sample code for you.

Reference 1

Reference 2

[SalesForce] How to use custom SVG icons in Lightning Component with LockerService enabled

SVG support is coming in the Summer'16 .5 patch scheduled to deploy 1 week from Tuesday. We've been working to verify that libraries like HightCharts, LeafletJS, D3 and other work nicely when running inside a locker.

Best Answer

Related Solutions

[SalesForce] How to refer SVG/Images from Lightning Design System static resource to Lightning app

[SalesForce] How to use custom SVG icons in Lightning Component with LockerService enabled

Related Topic