[iOS 13] Support for Cupertino SF Symbols #33916

Activity

1. rodydavis commented on Jun 5, 2019

   

   rodydavis

   on Jun 5, 2019

   ContributorAuthor

   More actions

   

   👍React with 👍5Reacted by mono — Masayuki Ono, Gabriel Castiglioni, 神楽坂花火, Aidan Marshall and wachoi
2. HansMuller

   added

   p: cupertino_uicupertino_ui package in flutter/packagescupertino_ui package in flutter/packages

   c: new featureNothing broken; request for a new capabilityNothing broken; request for a new capability

   on Jun 5, 2019
3. justinmc

   changed the title [-]Support for Cupertino SF Symbols[/-] [+][iOS13] Support for Cupertino SF Symbols[/+] on Jun 19, 2019
4. justinmc

   changed the title [-][iOS13] Support for Cupertino SF Symbols[/-] [+][iOS 13] Support for Cupertino SF Symbols[/+] on Jun 19, 2019
5. kerberjg commented on Nov 25, 2019

   

   kerberjg

   on Nov 25, 2019

   Last edited by kerberjg

   Contributor

   More actions

   This guide seems like a good start.

   We can just extract the TTF and map all the Unicode symbols that way.

   If needed, this tool can be helpful to convert all of the symbols to SVG

   👍React with 👍1Reacted by 神楽坂花火
6. kerberjg commented on Nov 25, 2019

   

   kerberjg

   on Nov 25, 2019

   Last edited by kerberjg

   Contributor

   More actions

   UPDATE: all glyphs seem to be contained in SF Pro Display, and can be visualized with an app like Typeface, with all the Unicode values exposed

   

   A good range to start could be 0x2190~0x1007BF (suggesting a total of 1041967 symbols)

   👍React with 👍2Reacted by 神楽坂花火 and Elias Deuss
7. kerberjg commented on Nov 25, 2019

   

   kerberjg

   on Nov 25, 2019

   Contributor

   More actions

   UPDATE 2: seems actual SF Symbols glyphs start at 0x100000 but from this value on Flutter on iOS 13 (Simulator) renders them like this:

   

   👍React with 👍6Reacted by 神楽坂花火, Ivan Palamarchuk, Tim Bierbaum, mono — Masayuki Ono, Rody Davis and Hannes Hultergård

   😕React with 😕1Reacted by Ivan Palamarchuk
8. Hixie

   added

   frameworkflutter/packages/flutter repository. See also f: labels.flutter/packages/flutter repository. See also f: labels.

   on Nov 26, 2019
9. delef commented on Jan 3, 2020

   

   delef

   on Jan 3, 2020

   More actions

   Is there progress?
10. edeuss commented on Jan 5, 2020

    

    edeuss

    on Jan 5, 2020

    More actions

    @kerberjg How do you find the 0x100000 icon numbers? I just manually imported the font to my project.
11. virskor commented on Jan 9, 2020

    

    virskor

    on Jan 9, 2020

    More actions

    https://github.com/virskor/flutter_sfsymbols

    Hope this can help you guys.😊

    👍React with 👍5Reacted by Wayne, Sergey B, Hayder, Aidan Marshall and Geylan Kalaf Mohe

    ❤️React with ❤️4Reacted by Jamie Kerber, mono — Masayuki Ono, Sergey B and Geylan Kalaf Mohe
12. kerberjg commented on Jan 9, 2020

    

    kerberjg

    on Jan 9, 2020

    Contributor

    More actions

    @EliasDeuss I just took the font file mentioned in one of the links I posted, and opened it with Typeface, like shown in the screenshot

    @virskor This does seem helpful, thank you! Can you elaborate on how you obtained the font file in your library?

    👍React with 👍2Reacted by Elias Deuss and Wayne
13. virskor commented on Jan 10, 2020

    

    virskor

    on Jan 10, 2020

    More actions

    @EliasDeuss I just took the font file mentioned in one of the links I posted, and opened it with Typeface, like shown in the screenshot

    @virskor This does seem helpful, thank you! Can you elaborate on how you obtained the font file in your library?

    I am just using font forge modified Framework7's icons. I am using this to simulate a sf symbol. Hope it can help. Thanks

    👍React with 👍2Reacted by Jamie Kerber and Wayne
14. TahaTesser

    added

    customer: crowdAffects or could affect many people, though not necessarily a specific customer.Affects or could affect many people, though not necessarily a specific customer.

    on Apr 6, 2020
15. xster commented on Sep 4, 2020

    

    xster

    on Sep 4, 2020

    Member

    More actions

    This is now available on master channel if you upgrade the cupertino_icons package to 1.0.0. It will roll to stable at some point in the next month.

    The list of available icons is at http://flutter.github.io/cupertino_icons.

    👍React with 👍3Reacted by Ryan Ramchandar, Elias Deuss and mono — Masayuki Ono
16. xster

    closed this as completedon Sep 4, 2020
17. RyanRamchandar commented on Sep 4, 2020

    

    RyanRamchandar

    on Sep 4, 2020

    More actions

    @xster simply adding 1.0.0 to pubspec on stable won't give access to the new icons?
18. xster commented on Sep 4, 2020

    

    xster

    on Sep 4, 2020

    Member

    More actions

    If you update to 1.0.0 on stable, many of the existing icon references will update to the new look, but you won't be able to access any of the new icons (unless you use RichText and reference their glyph codepoints in the icon font specifically which isn't ergonomic).

    👍React with 👍3Reacted by Ryan Ramchandar, mono — Masayuki Ono and Dominik Roszkowski
19. Hannnes1 commented on Apr 6, 2021

    

    Hannnes1

    on Apr 6, 2021

    Contributor

    More actions

    Are all icons that are available in the SF Display Pro font supposed to be available in Flutter? I tried to to use the icon with the code U+1007BD (Heart with a bolt), but I can't find it. I tried to find it using the code as well, but I can't figure out how the codePoint in icons.dart relates to the code shown when hovering over an icon in the typeface app.
20. github-actions commented on Aug 3, 2021

    

    github-actionsbot

    on Aug 3, 2021

    More actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.
21. github-actions

    locked as resolved and limited conversation to collaborators on Aug 3, 2021