Windows 10: Office UI Fabric Icons as SVG or PNG files.

/u/_TopComp_ · Mar 4, 2021

Hello!
I was looking for Office UI icons for some time, and I found this website https://developer.microsoft.com/en-us/fluentui#/styles/web/icons (official Microsoft developer blog). Unfortunately, it seems that this page only provides the icons as "Unicode" / text.
So, my question is: Is there a way how to get these icons as SVG or PNG files?
Thanks!

https://preview.redd.it/k0xj8slje2l...bp&s=e4b58905f2b4df51710bba055fe431d9a4670313

submitted by /u/_TopComp_
[link] [comments]

:)

Brink · Mar 4, 2021

Microsoft is renaming UI Fabric GitHub repo to Fluent UI

What’s in a name? A lot it turns out. And we have a lot of them. Too many? We hear you and agree. That’s one of the key reasons we’re simplifying our story. To collectively rally around a single UI library for our web components—Fluent UI.

We’re starting with Fluent, our cross-platform design system. Fluent is the way Microsoft designs and builds digital product experiences, both internally and with our customers and community.

We’ve evolved Microsoft to speak a common language through a shared design system. Fluent UI will directly connect that effort to a broad set of products, through code, specifically the convergence of our most used web engineering frameworks – Fabric and Stardust.

Shortly, we’ll rename our UI Fabric GitHub repo to reflect our future Fluent UI vision. This is step one toward our vision for a more simplified developer ecosystem.
This is step one toward our vision for a more simplified developer ecosystem.
This is what we mean when we say Fluent is Microsoft’s design-to-code system. We’re bringing design and engineering together more than ever, to contribute to and leverage a shared foundation, and reach our shared goals. We’re not suggesting that one size fits all, and we got here honestly, so we must evolve collectively.

Our goal is simple—a shared foundation with open source engineering processes to create experience coherence, efficiency, and effectiveness. It enables us to do more with less.

What’s changing

Simply put, we’re merging two Microsoft repositories: UI Fabric and Stardust GitHub repos will live under the Microsoft GitHub organization as Fluent UI.
This allows our teams to collectively work together on a shared code base with a shared set of build and development tools to support our products and community more efficiently. It also allows us to get to a single UI library for Microsoft 365.

What this means for developers

Today? We’re working with a goal of avoiding disruption or breaks in the UI Fabric developer experience. You will continue getting a stream of patches and minor releases as we iterate the current major release (version 7).

As we finalize our rename efforts, expect to see more regular updates and communication around our major releases. Our next major release will be the first batch of major changes in uniting our collective efforts, tentatively targeting summer 2020.

Our intent is to minimize the amount of interruptions to in flight developer workflows. Also, we want to be mindful and incremental in our approach and we’re using this opportunity to signal to the community our incoming changes.
We’re working with a goal of avoiding disruption or breaks in the UI Fabric developer experience. You will continue getting a stream of patches and minor releases as we iterate the current major release (version 7).
The following is a short FAQ on the potential impact of the repo merge and rename effort:

Do I need to rename all my package imports to something new?
No. Package names will stay the same as a result of the merge and rename effort. We’ll continue releasing all UI Fabric packages as we do today. We’ll also alias publish the same packages under a new name, so that at any time you can use the new @fluentui/react package with no breaking changes.

Do I need to re-clone the repo?
No. You shouldn’t need to re-clone the repo. Your clones should be redirected correctly.

Where do I file GitHub issues and pull requests now?
After the rename, you can file issues and pull requests in the new microsoft/fluentui repository. Our teams will collectively support them there.

What about the issues and pull requests that were opened before the merge?
Previous issues and pull requests will be captured in a microsoft/fluentui repository. For UI Fabric, contribution history and active pull requests will stay intact.

Is the current version of UI Fabric still supported?
Yes. Nothing is changing in our level of support to the community for the library.

What if I have more questions about the repo merge and rename?
Reach out to our team on the UI Fabric GitHub. File an issue and we will be happy to follow up with you to help where we can.

What does this mean for WinUI and the Fluent Design System within Windows?
The Fluent Design System lies at the core of our recommendations for how to build engaging user experiences on Windows and across platforms now, too. WinUI continues to embody the Fluent Design System as the native user experience platform of Windows. With the addition of the Javascript-based Fluent UI libraries, you’ll also be able to build more coherent experiences across other platforms and the web, too, and the Fluent Design System will continue to expand.

New updates planned for Fluent UI

Our next major releases will focused on performance and theming:

Improve runtime performance through styling optimizations. We’re evaluating how we can reduce css-in-js style calculation overhead to improve rendering performance.

Improve flexibility and composition of components. Leverage React hooks and function components, along side API surface improvements, to give developers more composition options.

Provide a more flexible, powerful theming system. Extend our list of design tokens and improve our theming tooling to apply your design.

Eliminate deprecated React API usage. This enables partners to test React concurrent mode rendering, which allows rendering to be interruptible reducing how much the UI thread is blocked during large updates.

Still have questions?

Feel free to reach out to our team with any questions you may have regarding our new collective effort around Fluent UI by filing an issue on the existing UI Fabric GitHub repository.

The Fluent UI team

Click to expand...

Source: https://developer.microsoft.com/en-u...nto-fluent-ui/

Tweet

— Twitter API (@user) View on Twitter
Click to expand...

DaveM121 · Mar 4, 2021

svg files

Hi Johnnie,

Right click an svg file, choose Open With - Choose Another App

At the bottom of the resulting menu, check the box marked, 'Always use this app to open .svg files'

Look for cricut in the list of apps, if it is there, choose that

If it is not there, scroll to the bottom and choose More Apps

If you still cannot find cricut, scroll to the bottom and choose 'Look for another App on this PC'

Locate the cricut program in either C:\Program Files or C:\Program Files (x86)

Then click OK

That will reset the file association on svg files . . .

eyore15 · Mar 4, 2021

Using Paint.net with SVG Files

I recently began a program called "Doodly". It lets me create videos using drag-and-drop. It means I have to use "SVG" files. I've opted to use Paint.net with the SVG plugin.

How can I change the file association for SVG to Paint.net?

When I check file associations, SVG is associated with Edge. Every effort to change the association to Paint fails.

With the association set to Edge, the thumbnail of the SVG image is the Edge icon - not the actual image thumbnail. What I end up with is a series of files with identical image/icon. It's impossible to determine what specific image is/are available.

This is the icon displayed in SVG.

This is the icon for the same file displayed as a JPG file [before conversion to SVG].

I need to be able to see the actual SVG image just as I can with the jpg file.

Any suggestion on how to achieve this goal is appreciated.

FYI, I am not tied to Paint.net . If there's a better option, I'm willing to change. My preference is to NOT go with a full-service program [i.e., Inkscape or Gimp] unless it is really necessary.

Windows 10: Office UI Fabric Icons as SVG or PNG files.

Office UI Fabric Icons as SVG or PNG files.

Office UI Fabric Icons as SVG or PNG files.

Office UI Fabric Icons as SVG or PNG files.

Office UI Fabric Icons as SVG or PNG files. - Similar Threads - Office Fabric Icons

Can't save SVG file

Can't save SVG file

SVG file help

SVG downloaded files

character map save as png/svg is grayed out

Microsoft is renaming UI Fabric GitHub repo to Fluent UI

svg files

Using Paint.net with SVG Files

PNG Icon overlays the video files thumbnail