MoreSFSymbols

A collection of additional custom SFSymbols for Swift

Content

Usage

iOS 15.0:

  1. Download the .svg-file of the symbol you want.
  2. Drag the file into your Assets.xcassets.
  3. The symbol is ready to use (ex.: Image("symbol.name")).

iOS 14.0 & earlier:

  1. Download the .svg-file of the symbol you want.
  2. Drag it into the Custom Symbols category (found in the sidebar).
  3. Select it and click File > Export Symbol (or: cmd+shift+E)
  4. Export it as a 2.0-version
  5. Drag the exported file into your Assets.xcassets.
  6. The symbol is ready to use (ex.: Image("symbol.name")).

It is important to note that you do not use the SFSymbols initialiser (eg. systemName:), but rather the initialiser for images from your assets.

Symbols

Preview images are rendered in hierarchical mode with a color of .blue. This however does not mean that there aren’t other representation styles for the symbol. Monochrome, palette and multicolour also exist.

Example using the logo.paypal.square.fill-icon:

Monochrome Hierarchical Palette Multicolor
logo.appstore logo.appstore logo.appstore logo.appstore
.symbolRenderingMode(.monochrome) & .foregroundColor(.black) .symbolRenderingMode(.hierarchical) & .foregroundColor(.red) .symbolRenderingMode(.palette) & .foregroundStyle(.red, .green, .yellow) (i know it looks bad) .symbolRenderingMode(.multicolor) & .foregroundColor(.black)

Logos

Apple

Preview Name
logo.appstore logo.appstore
logo.appstore logo.appstore.square
logo.appstore logo.appstore.square.fill
logo.appstore logo.appstore.circle
logo.appstore logo.appstore.circle.fill

Bluetooth

Preview Name
logo.appstore logo.bluetooth
logo.appstore logo.bluetooth.capsule.portrait.fill

Buy me a coffee

Preview Name
logo.appstore logo.buymeacoffee

GitHub

Preview Name
logo.appstore logo.github

Markdown

Preview Name
logo.appstore logo.markdown
logo.appstore logo.markdown.rectangle
logo.appstore logo.markdown.rectangle.fill

PayPal

Preview Name
logo.appstore logo.paypal
logo.appstore logo.paypal.alternative
logo.appstore logo.paypal.circle
logo.appstore logo.paypal.circle.fill
logo.appstore logo.paypal.square
logo.appstore logo.paypal.square.fill

Commerce

Piggy Bank

coming soon

Tip Jar

coming soon

Developer

Git

coming soon

Contributing

Are you missing an icon or wish for a specific variant? Create an issue with the new icon-tag, or better yet: contribute to this project by submitting a pull request. I’m always happy to welcome new contributors who want to help me expand this collection even further. To get started, read the CONTRIBUTION.md.

Licence

Icons in the logos-category may be protected as a trademark in some jurisdictions. If you want to use it, you have to ensure that you have the legal right to do so and that you do not infringe any trademark rights.

You may use all other Icons for personal and commercial use.

GitHub

https://github.com/cameronshemilt/MoreSFSymbols