SF Symbols Online

Overview

In the summer of 2019, Apple released a comprehensive set of 1,500 icons to help developers craft more consistent and polished apps. These icons are baked into iOS 13 and rendered through the SF Symbols icon font, making the integration of beautiful icons as easy as setting UIImage filenames. Defining icon stroke, color, and other customizations are as straightforward as setting font properties. Most importantly, developers no longer need individual icon files. The only required file is the icon font, which is automatically bundled into iOS 13. Given their flexibility and ease-of-use, icon fonts are far superior to the traditional approach of individual images.

Unfortunately, Apple did not provide an online interface for browsing, editing, and downloading SF Symbols. This is inconvenient for developers and designers who only need infrequent access to SF Symbols icons and don't want the hassle of installing yet another Mac app that is poorly maintained by Apple developers.

Browse SF Symbols Online

Developers and designers can use the icon editor from Hotpot to browse, edit, and download SF Symbols online. For iOS icons, we automatically generate 1x, 2x, and 3x images along with standardized naming syntax.

The Hotpot icon editor is free for the developer and designer community. Our hope is to help people spend less time on graphics and more time on code like this fine young gentleman.

If your app must support iOS 12 or lower, this page explains how the Hotpot icon editor could save you money and time over hiring a professional designer to produce a second icon set.

Browse SF Symbols
Explore More Options