microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
https://react.fluentui.dev
Other
18.33k stars 2.72k forks source link

[Feature]: Add diamond icon #23597

Closed AnthonyPhan closed 1 year ago

AnthonyPhan commented 2 years ago

Library

React Northstar / v0 (@fluentui/react-northstar)

Describe the feature that you would like added

Add the premium/diamond icon the the icon libraries. The diamond icon is used to by PowerBi to denote premium work spaces.

image

Have you discussed this feature with our team

No response

Additional context

The icon will be useful for apps which want to indicate premium features whiles still following the fluent UI design language

Validations

miroslavstastny commented 1 year ago

We currently do not plan to add the icon to the library. react-icons-northstar exports createSvgIcon() which you can use to add the icon on the application side. Use this file as an example on how to do it: https://github.com/microsoft/fluentui/blob/master/packages/fluentui/react-icons-northstar/src/components/ArrowDownIcon.tsx