tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:Lightning Design Systemで使えるIconの一覧

Lightning Design Systemで利用できるアイコンの一覧はどこかにあるかなと思ったのですが、Resourceのところにまとめてありました。

f:id:tyoshikawa1106:20150922013357p:plain

Lightning Design System - Icons Page


使用例です。

<svg aria-hidden="true" class="slds-icon slds-icon-standard-groups slds-icon--medium">
  <use xlink:href="/resource/SLDS091/assets/icons/standard-sprite/svg/symbols.svg#groups"></use>
</svg>

f:id:tyoshikawa1106:20150922013719p:plain


これでgroupsのアイコンを表示できます。自分で画像を用意する必要もないので便利です。背景色のないアイコンなども用意されています。
f:id:tyoshikawa1106:20150922013837p:plain


いろんなところで役に立ちそうです。