#sfsymbols — Public Fediverse posts

Hey, #WebDevelopers... Want to use #Apple's SF Symbols in a web project? I've built something for that. No more tedious exporting from the SF Symbols app. Here's a live preview [1]. Use it right away with my sf-symbols-lib [2].

#SFSymbols

[1] https://sfsymbolslib.layered.work
[2] https://github.com/phranck/sf-symbols-lib

Just published: Version 2.0.0 of my #SFSymbols #React #icon package. Available on #GitHub [1] and #npmJS [2].

#Apple #Icons #IconPack

https://sfsymbolslib.layered.work

[1] https://github.com/phranck/sf-symbols-lib
[2] https://www.npmjs.com/package/sf-symbols-lib

Do you need #SFSymbols in your Web project? I made a thing for that [1]. 😃

And I just published it on #npmjs [2].

#WebDevelopment #React #TypeScript

[1] https://sfsymbolslib.layered.work
[2] https://www.npmjs.com/package/sf-symbols-lib

Originally, I just wanted a few SF Symbol icons for my #Previous Admin. And then somehow it got completely out of hand. The result is a #React #Package that provides all 6,984 SF Symbols from Apple's Mac App in version 7 as React components. The screenshot shows the interactive preview page that comes with the package.

Here you can find a live demo of that webpage:

https://sfsymbolslib.layered.work

#WebDev #WebDevelopment #TypeScript #Emulator #RetroComputing #npm #SFSymbols

Originally, I just wanted a few SF Symbol icons for my #Previous Admin. And then somehow it got completely out of hand. The result is a #React #Package that provides all 6,984 SF Symbols from Apple's Mac App in version 7 as React components. The screenshot shows the interactive preview page that comes with the package.

Here you can find a live demo of that webpage:

https://sfsymbolslib.layered.work

#WebDev #WebDevelopment #TypeScript #Emulator #RetroComputing #npm #SFSymbols

Originally, I just wanted a few SF Symbol icons for my #Previous Admin. And then somehow it got completely out of hand. The result is a #React #Package that provides all 6,984 SF Symbols from Apple's Mac App in version 7 as React components. The screenshot shows the interactive preview page that comes with the package.

Here you can find a live demo of that webpage:

https://sfsymbolslib.layered.work

#WebDev #WebDevelopment #TypeScript #Emulator #RetroComputing #npm #SFSymbols

Originally, I just wanted a few SF Symbol icons for my #Previous Admin. And then somehow it got completely out of hand. The result is a #React #Package that provides all 6,984 SF Symbols from Apple's Mac App in version 7 as React components. The screenshot shows the interactive preview page that comes with the package.

Here you can find a live demo of that webpage:

https://sfsymbolslib.layered.work

#WebDev #WebDevelopment #TypeScript #Emulator #RetroComputing #npm #SFSymbols

Originally, I just wanted a few SF Symbol icons for my #Previous Admin. And then somehow it got completely out of hand. The result is a #React #Package that provides all 6,984 SF Symbols from Apple's Mac App in version 7 as React components. The screenshot shows the interactive preview page that comes with the package.

Here you can find a live demo of that webpage:

https://sfsymbolslib.layered.work

#WebDev #WebDevelopment #TypeScript #Emulator #RetroComputing #npm #SFSymbols

the #Fedicat instance browser now indicates and prioritizes instances curated by #FediGarden (I thought a flower icon would look nice but the closest thing in #SFSymbols are broccoli-looking trees)

Take your #SwiftUI designs to the next level with SF Symbols 7. Learn how to animate, transition, and add gradients to your icons using new tools in iOS & macOS 26. #Xcode #WWDC25 #SFSymbols
👀 https://youtu.be/E89hk8SEfW4

In support of the theory that the symbols were just not loaded into the unicode private use area for Sonoma 14.2.1, the problem also shows up in Messages if you paste the symbol and send. The symbol shows up properly when running Messages on Monterey 12.7.2. #wkWebView #sfsymbols #swift #swiftui #iOS #macOS #macCatalyst

The latest combo of MacOS Sonoma 14.2.1 / Xcode 15.2 (15C500b) / SFSymbols 5.0 (91) seems to have broken SFSymbols support in a WKWebView. The trash symbol obtained from “SFSymbols->Copy symbol” shows up in Xcode, but the symbols don't seem to be loaded into the Unicode private use area-b like they should have been. At least that's what it looks like to me. Any of you other #wkWebView #sfsymbols #swift #swiftui users on Mastondon who have encountered it? Occurs on #iOS, #macOS, and #macCatalyst

Somebody doing a graphic editor on the Mac or iOS has to come up with a simple way to preview visionOS Icons. I guess #linearity #curve could do this, since they already integrate with #sfsymbols https://www.linearity.io/academy/curve/mac/user-guide/libraries/sf-symbols/

There is so much going on in this screen of my current #dotNETMAUI #MacCatalyst app already:
- Loading #SfSymbols via my custom library
- Coloring all icons with the #macOS/#iOS system colors via my custom library
- Extending image control to load a placeholder from SfSymbol
- Custom FramedContentControlWithText
- Entry handler modification to remove the border on Mac

Note: I did not yet wire up a #ViewModel instance.

#dotNET #CASBAN6 #MAUI #MAUIDev #MVVM #XAML #programming #developer #devlife

There is so much going on in this screen of my current #dotNETMAUI #MacCatalyst app already:
- Loading #SfSymbols via my custom library
- Coloring all icons with the #macOS/#iOS system colors via my custom library
- Extending image control to load a placeholder from SfSymbol
- Custom FramedContentControlWithText
- Entry handler modification to remove the border on Mac

Note: I did not yet wire up a #ViewModel instance.

#dotNET #CASBAN6 #MAUI #MAUIDev #MVVM #XAML #programming #developer #devlife

There is so much going on in this screen of my current #dotNETMAUI #MacCatalyst app already:
- Loading #SfSymbols via my custom library
- Coloring all icons with the #macOS/#iOS system colors via my custom library
- Extending image control to load a placeholder from SfSymbol
- Custom FramedContentControlWithText
- Entry handler modification to remove the border on Mac

Note: I did not yet wire up a #ViewModel instance.

#dotNET #CASBAN6 #MAUI #MAUIDev #MVVM #XAML #programming #developer #devlife

There is so much going on in this screen of my current #dotNETMAUI #MacCatalyst app already:
- Loading #SfSymbols via my custom library
- Coloring all icons with the #macOS/#iOS system colors via my custom library
- Extending image control to load a placeholder from SfSymbol
- Custom FramedContentControlWithText
- Entry handler modification to remove the border on Mac

Note: I did not yet wire up a #ViewModel instance.

#dotNET #CASBAN6 #MAUI #MAUIDev #MVVM #XAML #programming #developer #devlife

There is so much going on in this screen of my current #dotNETMAUI #MacCatalyst app already:
- Loading #SfSymbols via my custom library
- Coloring all icons with the #macOS/#iOS system colors via my custom library
- Extending image control to load a placeholder from SfSymbol
- Custom FramedContentControlWithText
- Entry handler modification to remove the border on Mac

Note: I did not yet wire up a #ViewModel instance.

#dotNET #CASBAN6 #MAUI #MAUIDev #MVVM #XAML #programming #developer #devlife

Regarding yesterday's post about the #SFSymbols #ImageSource for #macOS and #iOS.

As Apple states in their docs (https://developer.apple.com/documentation/uikit/uiimage/configuring_and_displaying_symbol_images_in_your_ui) we should apply configuration to the view.

So the solution is to simply use the #CommunityToolkit 's IconTintBehavior to get the icons colored.

https://mastodon.social/@msicc/109765955918118362

#iOSDev #MacCatalyst #dotNET #dotNET6 #CASBAN6 #MacDev #csharp #xaml #MAUIDev #MAUI #sideproject

Regarding yesterday's post about the #SFSymbols #ImageSource for #macOS and #iOS.

As Apple states in their docs (https://developer.apple.com/documentation/uikit/uiimage/configuring_and_displaying_symbol_images_in_your_ui) we should apply configuration to the view.

So the solution is to simply use the #CommunityToolkit 's IconTintBehavior to get the icons colored.

https://mastodon.social/@msicc/109765955918118362

#iOSDev #MacCatalyst #dotNET #dotNET6 #CASBAN6 #MacDev #csharp #xaml #MAUIDev #MAUI #sideproject

Regarding yesterday's post about the #SFSymbols #ImageSource for #macOS and #iOS.

As Apple states in their docs (https://developer.apple.com/documentation/uikit/uiimage/configuring_and_displaying_symbol_images_in_your_ui) we should apply configuration to the view.

So the solution is to simply use the #CommunityToolkit 's IconTintBehavior to get the icons colored.

https://mastodon.social/@msicc/109765955918118362

#iOSDev #MacCatalyst #dotNET #dotNET6 #CASBAN6 #MacDev #csharp #xaml #MAUIDev #MAUI #sideproject

Regarding yesterday's post about the #SFSymbols #ImageSource for #macOS and #iOS.

As Apple states in their docs (https://developer.apple.com/documentation/uikit/uiimage/configuring_and_displaying_symbol_images_in_your_ui) we should apply configuration to the view.

So the solution is to simply use the #CommunityToolkit 's IconTintBehavior to get the icons colored.

https://mastodon.social/@msicc/109765955918118362

#iOSDev #MacCatalyst #dotNET #dotNET6 #CASBAN6 #MacDev #csharp #xaml #MAUIDev #MAUI #sideproject

Regarding yesterday's post about the #SFSymbols #ImageSource for #macOS and #iOS.

As Apple states in their docs (https://developer.apple.com/documentation/uikit/uiimage/configuring_and_displaying_symbol_images_in_your_ui) we should apply configuration to the view.

So the solution is to simply use the #CommunityToolkit 's IconTintBehavior to get the icons colored.

https://mastodon.social/@msicc/109765955918118362

#iOSDev #MacCatalyst #dotNET #dotNET6 #CASBAN6 #MacDev #csharp #xaml #MAUIDev #MAUI #sideproject

Well, the biggest part of this week's #dotNETMAUI task is done. I implemented a custom #ImageSource that uses #SFSymbols on #macOS and #iOS. Icons finally show up, now I need to figure out the coloring which is defaulting to the #accent tint no matter what I set (at least on the Mac).

Will #blog about it when I ironed out all the quirks.

#iOSDev #MacCatalyst #dotNET #dotNET6 #CASBAN6 #MacDev #csharp #xaml #MAUIDev #MAUI #sideproject

Well, the biggest part of this week's #dotNETMAUI task is done. I implemented a custom #ImageSource that uses #SFSymbols on #macOS and #iOS. Icons finally show up, now I need to figure out the coloring which is defaulting to the #accent tint no matter what I set (at least on the Mac).

Will #blog about it when I ironed out all the quirks.

#iOSDev #MacCatalyst #dotNET #dotNET6 #CASBAN6 #MacDev #csharp #xaml #MAUIDev #MAUI #sideproject

Well, the biggest part of this week's #dotNETMAUI task is done. I implemented a custom #ImageSource that uses #SFSymbols on #macOS and #iOS. Icons finally show up, now I need to figure out the coloring which is defaulting to the #accent tint no matter what I set (at least on the Mac).

Will #blog about it when I ironed out all the quirks.

#iOSDev #MacCatalyst #dotNET #dotNET6 #CASBAN6 #MacDev #csharp #xaml #MAUIDev #MAUI #sideproject

Well, the biggest part of this week's #dotNETMAUI task is done. I implemented a custom #ImageSource that uses #SFSymbols on #macOS and #iOS. Icons finally show up, now I need to figure out the coloring which is defaulting to the #accent tint no matter what I set (at least on the Mac).

Will #blog about it when I ironed out all the quirks.

#iOSDev #MacCatalyst #dotNET #dotNET6 #CASBAN6 #MacDev #csharp #xaml #MAUIDev #MAUI #sideproject

Well, the biggest part of this week's #dotNETMAUI task is done. I implemented a custom #ImageSource that uses #SFSymbols on #macOS and #iOS. Icons finally show up, now I need to figure out the coloring which is defaulting to the #accent tint no matter what I set (at least on the Mac).

Will #blog about it when I ironed out all the quirks.

#iOSDev #MacCatalyst #dotNET #dotNET6 #CASBAN6 #MacDev #csharp #xaml #MAUIDev #MAUI #sideproject