Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Pages
    • Take a guided tour
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find partner offers
    • Partner GTM Resources
    • Blog
    • Customer stories
    • Developer Plan
    • Documentation
    • For IT Leaders
    • Roadmap
    • Self-paced learning
    • Webinars
    • App development topics
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • User groups
    • Register
    • ·
    • Sign in
    • ·
    • Help
    Go To
    • Power Apps Community
    • Welcome to the Community!
    • News & Announcements
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Connector Development
    • Power Query
    • GCC, GCCH, DoD - Federal App Makers (FAM)
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog
    • Power Apps Community Blog
    • Galleries
    • Community Connections & How-To Videos
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Emergency Response Gallery
    • Events
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Community Engagement
    • Community Calls Conversations
    • Experimental
    • Error Handling
    • Power Apps Experimental Features
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Canvas Apps Components Samples
    • Office UI Fabric Icon Generator

    Office UI Fabric Icon Generator

    11-11-2019 14:38 PM - last edited 03-18-2022 06:19 AM

    R3dKap
    Community Champion
    36005 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    R3dKap
    R3dKap Community Champion
    Community Champion
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    Office UI Fabric Icon Generator

    ‎11-11-2019 02:38 PM

    [13-mar-2022] Update v2.0

    • Added latest official icons -> now 2254 icons available!
    • Application direct download below (instead of ZIPped component MSAPP file)

     

    OfficeUIFabricIconGenerator.png

     

    This application will allow you to generate the SVG code for any of the official Office UI Fabric Icons library. You will then be able to use that SVG code as the Image property of an Image control in your application.

    All details and important notes about how to use the component can be found here: OfficeUIFabricIconGenerator.

    I hope you will enjoy this component and that you will find it usefull. If it does, please consider giving it a thumbs up.

    Emmanuel (@R3dKap)

     

    INSTALLATION instructions

    • Download the ZIP file below
    • Go to make.powerapps.com on your tenant
    • Import the application
    • Play the app, choose your icon, get the icon code and paste it in an image control in the app your are developing
    • DO NOT IMPORT the component itself to the app your are developing as it holds thousands of icon SVG data!
    OfficeUIFabricIconGeneratorApp.zip
    Labels:
    • Labels:
    • Components
    Message 1 of 43
    36,005 Views
    80 Kudos
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic
    • « Previous
      • 1
      • 2
      • 3
      • 4
      • 5
    • Next »
    H4DN355
    H4DN355
    Regular Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎11-21-2020 01:50 PM

    Awesome Component as allways 🙂

    Message 31 of 43
    1,288 Views
    0 Kudos
    Reply
    Sakigun
    Sakigun
    Frequent Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-20-2020 11:53 PM

    Wow, it great. Thank for share , bro

    Message 32 of 43
    1,240 Views
    0 Kudos
    Reply
    R3dKap
    R3dKap Community Champion
    Community Champion
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-24-2020 03:47 AM

    Glad you like it @Sakigun 😊

    Message 33 of 43
    1,203 Views
    0 Kudos
    Reply
    gustavolealg
    gustavolealg
    New Member
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎03-01-2022 07:51 AM

    Something went wrong. Please try again later.

    10 KB
    Message 34 of 43
    888 Views
    0 Kudos
    Reply
    R3dKap
    R3dKap Community Champion
    Community Champion
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎03-01-2022 09:47 AM

    Hi @gustavolealg,

    That's because the ZIP file is not a Power Apps package but just a ZIP file with the MSAPP application file inside.

    I just updated the post to add installation instructions.

    Tell me if you encounter any other problem...

    Message 35 of 43
    875 Views
    0 Kudos
    Reply
    max81
    max81 Impactful Individual
    Impactful Individual
    In response to R3dKap
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎03-04-2022 12:50 AM

    @R3dKap :

    any news about Version 2? 😬😎

    Message 36 of 43
    853 Views
    0 Kudos
    Reply
    R3dKap
    R3dKap Community Champion
    Community Champion
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎03-13-2022 08:24 AM

    @max81 It's done! 😉

    Message 37 of 43
    750 Views
    2 Kudos
    Reply
    max81
    max81 Impactful Individual
    Impactful Individual
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎03-17-2022 10:08 AM

    @R3dKap looks great. thanks!

    Message 38 of 43
    686 Views
    0 Kudos
    Reply
    jaeiow
    jaeiow Advocate III
    Advocate III
    In response to R3dKap
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎04-21-2022 03:25 PM

    Do you plan on making a way to build a component with an icon (or set of icons) and declare them with OnStart as part of the app, or should that be a more individual thing? I'm asking because I'm not sure how to make a component, but I can figure it out. Your post below mentioned it as a driver for a "v2".

    Message 39 of 43
    478 Views
    0 Kudos
    Reply
    R3dKap
    R3dKap Community Champion
    Community Champion
    In response to jaeiow
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎04-28-2022 09:34 AM

    @jaeiow yes I'm planing on adding this feature to the actual Office UI Fabric Icon Generator. I'm even considering adding to the app a small component called OfficeUIFabricIconsLibrary with a GetIconWithColor "function" to retreive an icon from the library and set its color dynamically... 😉

    ETA: next coming weeks... 🙂

    Message 40 of 43
    454 Views
    0 Kudos
    Reply
    • « Previous
      • 1
      • 2
      • 3
      • 4
      • 5
    • Next »

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Pages
    • Power Automate
    • Power Virtual Agents

    Browse

    • Sample apps
    • Services

    Downloads

    • Windows
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2023 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks
    California Consumer Privacy Act (CCPA) Opt-Out Icon Your California Privacy Choices