-1

How do we override the styles of the icon ?. (apart from the size props of icon size="largest") tried the below :

const myTheme: ThemeInput = {   componentStyles: {   EmojiSadIcon
    : {
          root: {
            width:100,
            height:100
          },
      }   }}

as well tried to give in styles

Joundill
  • 6,828
  • 12
  • 36
  • 50
umgolla
  • 39
  • 8
  • Could you please elaborate on your ask? – Nivedipa-MSFT Feb 14 '22 at 12:00
  • Could you please share some minimal code to repro the issue? – Nivedipa-MSFT Feb 15 '22 at 05:08
  • import React from "react"; import { QnaIcon } from "@fluentui/react-icons-northstar"; import {Provider,mergeThemes,teamsTheme,ThemeInput} from "@fluentui/react northstar"; const myTheme: ThemeInput = { componentStyles: { QnaIcon: { root: { height: "30px", width: "30px" } } } }; const Example = () => ( ); export default Example; – umgolla Feb 16 '22 at 05:07

1 Answers1

0

There is no other way to increase the size of icons apart from the size props of icon.

Nivedipa-MSFT
  • 1,237
  • 1
  • 2
  • 8