SFSymbols

All the SFSymbols at your fingertips.

Usage

SFSymbol are static variables that contain the identifier strings of all of apple’s SFSymbols as well as which category they belong to and their availability.

You can iterate through all version compatible symbols by using the ‘allSymbols’ static variable.

for symbol in SFSymbol.allSymbols {
    print(symbol.title)
}

If you want symbols only in a certain SFCategory you can do so like this.

for symbol in  SFCategory.weather.symbols {
    print(symbol.title)
}

There are even common, human understandable names for symbols. Feel free extend SFSymbols in your own project for more common names.

public extension SFSymbol{
    static let share   = squareAndArrowUp
    static let refresh = arrowClockwise
    static let copy    = docOnDoc
    static let writing = squareAndPencil
}

@available(iOS 14, macOS 14.0, tvOS 14.0, watchOS 7.0, *)
public extension SFSymbol{
    static let edit    = rectangleAndPencilAndEllipsis
    static let filter  = lineHorizontal2DecreaseCircle
    static let sort    = arrowUpArrowDownCircle
}

Additionally, there are extensions multiple extension including UIImage, Image, Button, Label, and UIAction that enable easy use of any SFSymbol.

UIKit

UIImage(symbol: .playCircle)

SwiftUI

Image(symbol: .playCircle)

VStack{
    Label("Sunset", symbol: .sunset)
    Label("Sunset", symbol: .sunset)
            .foregroundColor(.red)
    Label("Sunset", symbol: .sunset, textColor: .orange)
        .foregroundColor(.yellow)
}

VStack{
    Button(symbol: .sunset){}
    .foregroundColor(.red)
    Button("Sunset", symbol: .sunset){}
     .foregroundColor(.yellow)
    Button("Sunset", symbol: .sunset, textColor : .orange){}
     .foregroundColor(.yellow)
}

About

SFSymbols are a real treat from Apple. The one downfall however, it is a pain in the neck to look up exact symbol names. Take for example: "square.and.line.vertical.and.square.fill". That is a long string to remember and digging through the catalog of SF Symbols over and over gets tiresome.

Wouldn’t it be easier if you could just use code completion?

Thats what this micro library aims to do. Additionally, this library includes relevant information on each symbol such as release info, category, and relevant search terms.

Installation

Swift Package Manager

Since Xcode integrated swift package manager natively into the IDE you can add SFSymbol simply by:

File-> Swift Packages -> Add Package Dependency...

when prompted to enter a package URL paste:

https://github.com/Rspoon3/SFSymbols

and click next & finish to automagically install SFSymbol through Xcode & SPM!

Manual

Don’t want that additional third party dependency? Then just simply copy over the files into your project’s appropriate folder!

Acknowledgments

Thanks to Nirma for the idea. This project was highly influence and based off of his SFSymbol package. I found that few things I would do differently and before I knew it, I had an offshoot of what he had already done that went in a different direction.

Contributing to this project

If there is something you wish to fix about the project, or wish to add any other kind of enhancements, propose to add to the project. Please feel free to send over a pull request or open an issue for this project.

License

SFSymbols is released under the MIT license. See LICENSE for details.