5mp

Note: Component names cannot start with numbers, so "5mp" becomes "Icon5mp".

Default

import { Icon5mp } from '@material-symbols-svg/react';

const App = () => {
  return <Icon5mp />;
};

export default App;

import { Icon5mp } from '@material-symbols-svg/react';

const App = () => {
  return <Icon5mp />;
};

export default App;

Current Variant

import { Icon5mp } from '@material-symbols-svg/react/w400';

const App = () => {
  return <Icon5mp size="40" />;
};

export default App;

import { Icon5mp } from '@material-symbols-svg/react/w400';

const App = () => {
  return <Icon5mp size="40" />;
};

export default App;

Usage Examples

Common ways to use this icon in your application

Alert sample

Install the package to get started

npm i @material-symbols-svg/react

npm i @material-symbols-svg/react