SF Viewer is the best way to view, compare and export SF Symbols on your iOS device.

Aaron Pearce

Last update: Jun 1, 2022

Related tags

Developer App SF-Viewer

Overview

SF Viewer for iOS

SF Viewer is the best way to view, compare and export SF Symbols on your iOS device.

Features:

View all SF Symbols
Change weight and scale to see how each icon is displayed in a certain setting.
View additional metadata for a symbol, easily copy it's unicode encoding.
Export to SVG, PDF, PNG, Squared PNG.
You can also export icons explicitly for use with Shortcuts on your Home Screen.

Follow me on Twitter at @aaron_pearce.

Getting involved

Please feel free to participate in this open source project. I'd love to see Pull Requests, Bug Reports, ideas and any other positive contributions from the community!

Building the code

Clone the repository:

git clone https://github.com/aaronpearce/SF-Viewer.git

Pull in the project dependencies:
```
cd Symbals
sh ./bootstrap.sh
```
Open Symbals.xcworkspace in Xcode.

Find a source for the following fonts and drop them into the Fonts directory in Xcode:

SF-Pro-Text-Bold.otf
SF-Pro-Text-Heavy.otf
SF-Pro-Text-Light.otf
SF-Pro-Text-Medium.otf
SF-Pro-Text-Regular.otf
SF-Pro-Text-Semibold.otf
SF-Pro-Text-Thin.otf
SF-Pro-Text-Ultralight.otf

Build the Symbals scheme in Xcode.

Code Signing

If bootstrap.sh fails to correctly offer your Apple Team ID, please follow this guide to manually add it.

After running the bootstrap.sh script in the setup instructions navigate to:
Symbals/Configuration/Local/DevTeam.xcconfig
Add your Apple Team ID in this file:
LOCAL_DEVELOPMENT_TEAM = KL8N8XSYF4

Team IDs look identical to provisioning profile UUIDs, so make sure this is the correct one.

The entire Local directory is included in the .gitignore, so these changes are not tracked by source control. This allows code signing without making tracked changes. Updating this file will only sign the Symbals target for local builds.

Finding Team IDs

The easiest known way to find your team ID is to log into your Apple Developer account. After logging in, the team ID is currently shown at the end of the URL:
https://developer.apple.com/account/

Use this string literal in the above, DevTeam.xcconfig file to code sign

Thanks

Thanks to everyone for their support in development and throughout the initial releases and then the review that failed and a particular thanks to @kylehickinson for the suggestion to use Brave's .xcconfig based setup for local development signing. Credit to @jhreis for the initial implementation that I based this upon.

Thanks to @davedelong for his sfsymbols project which helped with the exporter code within SF Viewer.

Open Source & Copying

SF Viewer is licensed under MIT so that you can use any code in your own apps, if you choose.

However, please do not ship this app under your own account. Paid or free. Not that Apple will accept it.

You might also like...

CodeBucket is the best way to browse and maintain your Bitbucket repositories on any iPhone, iPod Touch, and iPad device!

CodeBucket Description CodeBucket is the best way to browse and maintain your Bitbucket repositories on any iPhone, iPod Touch, and iPad device! Keep

196 Dec 22, 2022

Smooch is the best way to have personal, rich conversations with people on your website or customers on any device

Smooch is the best way to have personal, rich conversations with people on your website or customers on any device. Our features, integrations and developer-friendly APIs empower companies to connect with their customers in a whole new way.

121 Aug 1, 2022

Asset Catalog Viewer allows you to browse and export renditions in an asset catalog (.car) file.

Asset Catalog Viewer With the Asset Catalog Viewer Mac app, you can browse and export various type of renditions in an asset catalog. Features Browse

16 Jan 1, 2023

DTPhotoViewerController - A fully customizable photo viewer ViewController to display single photo or collection of photos, inspired by Facebook photo viewer.

DTPhotoViewerController Example Demo video: https://youtu.be/aTLx4M4zsKk DTPhotoViewerController is very simple to use, if you want to display only on

277 Dec 17, 2022

Starlight epub viewer - Epub viewer for flutter

Starlight Epub Viewer starlight_epub_viewer is an epub ebook reader that encapsu

5 Oct 17, 2022

Compare your implementation and design, see how much they match!

DesignDetective Preview Usage You may trigger anywhere, but I personally prefer using it via Shake Gesture import DesignDetective extension UIWindow

43 Dec 13, 2022

Record your position and export your trip in GPX with GPS Stone on iOS.

GPS Stone Register your trips and export them as GPX files. Notes We currently have included a UIRequiredDeviceCapabilities with a location-services v

11 Sep 24, 2022

Pager is the simplest and best way to implement sliding view controllers in Swift

Pager is the simplest and best way to implement sliding view controllers. Installation Drop in the Spring folder to your Xcode project. Or via CocoaPo

234 Aug 5, 2022

Best way to dismiss Keyboard in a View Controller iOS (Swift)

Best way to dismiss Keyboard in a View Controller iOS (Swift) First way: Implement UITextFieldDelegate’s textFieldShouldReturn method and dismiss curr

0 Dec 18, 2021

A realistic reflective shimmer to SwiftUI Views that uses device orientation. Position any View relative to device orientation to appear as if through a window or reflected by the screen.

A 3d rotation effect that uses Core Motion to allow SwiftUI views to appear projected in a specific direction and distance relative to the device in r

235 Dec 30, 2022

Shows your photo library grouped by events, to easily export them to your computer

JSONExport is a desktop application for Mac OS X which enables you to export JSON objects as model classes with their associated constructors, utility methods, setters and getters in your favorite language.

JSONExport JSONExport is a desktop application for Mac OS X written in Swift. Using JSONExport you will be able to: Convert any valid JSON object to a

4.7k Dec 30, 2022

Comments

bootstrap.sh is not enough

I ran bootstrap.sh as the README indicates and it seems to have worked as intended. If I look at Symbals/Configuration/Local/DevTeam.xcconfig it shows the correct LOCAL_DEVELOPMENT_TEAM, anyway.

However building for devices fails because Xcode still tries to use the wrong development team. It's necessary to change the team in Xcode too, because Xcode still wants to use the team found in the project file.

Changing the team in Xcode fixes the issue and the app builds. This is with Xcode 11.2.1 (11B53).

opened by atomicbird 3

SF Viewer is the best way to view, compare and export SF Symbols on your iOS device.

Related tags

Overview

SF Viewer for iOS

Getting involved

Building the code

Code Signing

Finding Team IDs

Thanks

Open Source & Copying

You might also like...

CodeBucket is the best way to browse and maintain your Bitbucket repositories on any iPhone, iPod Touch, and iPad device!

Smooch is the best way to have personal, rich conversations with people on your website or customers on any device

Asset Catalog Viewer allows you to browse and export renditions in an asset catalog (.car) file.

DTPhotoViewerController - A fully customizable photo viewer ViewController to display single photo or collection of photos, inspired by Facebook photo viewer.

Starlight epub viewer - Epub viewer for flutter

Compare your implementation and design, see how much they match!

Record your position and export your trip in GPX with GPS Stone on iOS.

Pager is the simplest and best way to implement sliding view controllers in Swift

Best way to dismiss Keyboard in a View Controller iOS (Swift)

A realistic reflective shimmer to SwiftUI Views that uses device orientation. Position any View relative to device orientation to appear as if through a window or reflected by the screen.

Shows your photo library grouped by events, to easily export them to your computer

The best way to use the Zora API in your Swift projects.

SwiftDate 🐔 Toolkit to parse, validate, manipulate, compare and display dates, time & timezones in Swift.

Represent and compare versions via semantic versioning (SemVer) in Swift

Units is a Swift package to manipulate, compare, and convert between physical quantities.

To compare the pictures and detect a similar face.

An iOS app that allows you to create resumes on your phone and export them to pdf

Differific is a diffing tool that helps you compare Hashable objects using the Paul Heckel's diffing algorithm

JSONExport is a desktop application for Mac OS X which enables you to export JSON objects as model classes with their associated constructors, utility methods, setters and getters in your favorite language.

Comments

bootstrap.sh is not enough

Owner

Aaron Pearce

AppLove - View iOS app reviews in multiple selected territories with translation option.

Dash-iOS - Dash gives your iPad and iPhone instant offline access to 200+ API documentation sets

A native Jellyfin client for Apple platforms (iOS, macOS and tvOS)

Bitrise-iOS - Client iOS app for bitrise.io 🚀

Buglife-iOS - Awesome bug reporting for iOS apps

Charter - A Swift mailing list client for iPhone and iPad

DevTool - A simple UI and powerful Mac OS application, Such as JSON-Formatting tool, JSON-to-model tool, AppIcon generator, Network-Request tool...

Awesome-ML - Discover, download, compile & launch different image processing & style transfer CoreML models on iOS.

DevSwitch - An iOS app for switching between countries on the App Store with ease.

IOS - Unofficial app for Swift Evolution