MIF for React
Metro Icon Font for React.
Install
npm i -S @metroui/icons
Using
import React from "react";
import { createRoot } from 'react-dom/client';
import { MifIcon} from "@metroui/icons"
const App = () => {
return (
<>
<MifIcon name="share"/>
<MifIcon name="cog" size="4x"/>
</>
)
}
const root = createRoot(document.getElementById('root'))
root.render(<App />, );
Sizes
You can use size from default to: 2x
... 10x
.
Icon names
All icon names are available at https://metroui.org.ua/icons.html