Add Salesforce Lightning Design System in Visualforce Page

I know it’s a pretty old thread, but still would like to add:

  1. You don’t need to add lightning css as static resource. Just include this tag on top of your VF page: <apex:slds />.
  2. Pass the icon reference directly as shown below:/apexpages/slds/latest/assets/icons/standard-sprite/svg/symbols.svg#opportunity

Example:

<use xmlns:xlink="http://www.w3.org/1999/xlink" 
    xlink:href="/apexpages/slds/latest/assets/icons/standard-sprite/svg/symbols.svg#opportunity">
</use>

32 thoughts on “Add Salesforce Lightning Design System in Visualforce Page”

  1. It’s perfect time to make some plans for the future
    and it’s time to be happy. I’ve read this post and if I could I desire to suggest you some interesting things
    or tips. Perhaps you could write next articles referring to this article.
    I want to read even more things about it!

    Take a look at my web blog … ace333 android

  2. Howdy very cool site!! Guy .. Excellent .. Wonderful ..
    I’ll bookmark your blog and take the feeds also? I am happy to
    search out a lot of useful info right here within the publish, we’d
    like work out extra strategies in this regard, thanks for sharing.
    . . . . .

    my web page; Www joker123net mobile, 918kiss-m.com,

  3. You actually make it seem so easy with your presentation but I find this
    topic to be really something which I think I would never understand.
    It seems too complex and extremely broad for me. I am looking forward for your next post,
    I will try to get the hang of it!

    my web blog :: wm casino ios

  4. You’re so awesome! I do not suppose I’ve truly read anything like that before.
    So great to find someone with original thoughts on this subject matter.
    Seriously.. many thanks for starting this up.
    This web site is one thing that is needed on the web, someone with a
    bit of originality!

    Stop by my web page – download Love138

  5. Hey! Do you know if they make any plugins to help with Search Engine
    Optimization? I’m trying to get my blog to rank for some
    targeted keywords but I’m not seeing very good gains.
    If you know of any please share. Appreciate it!

  6. Tremendous issues here. I’m very happy to look your post.

    Thanks so much and I am taking a look forward
    to contact you. Will you please drop me a mail?

Comments are closed.