Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mike4aday/sldsicons

Salesforce Lightning Design System Icons for iOS
https://github.com/mike4aday/sldsicons

Last synced: 7 days ago
JSON representation

Salesforce Lightning Design System Icons for iOS

Host: GitHub
URL: https://github.com/mike4aday/sldsicons
Owner: mike4aday
Created: 2015-09-17T23:37:52.000Z (over 9 years ago)
Default Branch: master
Last Pushed: 2015-09-17T23:37:59.000Z (over 9 years ago)
Last Synced: 2023-05-21T16:34:08.380Z (over 1 year ago)
Language: Swift
Size: 1.92 MB
Stars: 1
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Salesforce Lightning Design System Icons for iOS

_Create the world's best enterprise app experiences with the [Salesforce Lightning Design System](http://www.lightningdesignsystem.com) (SLDS)_

The code in this repository builds upon the [Salesforce Lightning Design System for iOS](https://www.lightningdesignsystem.com/native/ios) and adds:

1. Design-time support, i.e. use Lightning icons with Xcode storyboards

1. [Doctype icons](https://www.lightningdesignsystem.com/resources/icons#doctype), which aren't currently part of the [Lightning Design System for iOS](https://www.lightningdesignsystem.com/native/ios) 

## Prerequisites

* [Salesforce Lightning Design System for iOS](https://www.lightningdesignsystem.com/native/ios)

* Xcode, version 6.4

* Swift 1.2

## Using Lightning Icons in Your Xcode Project

Check out `Main.storyboard` for examples

1. Add a UIView component to your storyboard

1. Select the custom class according to the Lightning icon category

  - SLDSActionIconView for [action](https://www.lightningdesignsystem.com/resources/icons/#action) icons

  - SLDSCustomIconView for [custom](https://www.lightningdesignsystem.com/resources/icons/#custom) icons

  - SLDSDoctypeIconView for [doctype](https://www.lightningdesignsystem.com/resources/icons/#doctype) icons

  - SLDSStandardIconView for [standard](https://www.lightningdesignsystem.com/resources/icons/#standard) icons

  - SLDSUtilityIconView for [utility](https://www.lightningdesignsystem.com/resources/icons/#utility) icons

1. Enter the icon's name -- as shown under each [icon](https://www.lightningdesignsystem.com/resources/icons)

1. Resize or recolor the icon, if you must :-)

**See screenshots below:**

![Select the custom class for the Lightning icon](images/class.png)

![Enter the Lightning icon's name](images/properties.png)

![Lightning doctype icons](images/doctypes.png)

## Found a Bug or Have a Question?

[@mike4aday](http://twitter.com/mike4aday) or open an issue