@material-ui/icons#People JavaScript Examples

The following examples show how to use @material-ui/icons#People. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: side-bar.js    From react-redux-jsonplaceholder with MIT License 6 votes vote down vote up 
Links = [
  {
    primary: "Albums",
    to: "/albums",
    icon: <PhotoLibrary color={"primary"} />,
  },
  { primary: "Comments", to: "/comments", icon: <Comment color={"primary"} /> },
  { primary: "Photos", to: "/photos", icon: <Photo color={"primary"} /> },
  { primary: "Posts", to: "/posts", icon: <AllInbox color={"primary"} /> },
  {
    primary: "Todos",
    to: "/todos",
    icon: <PlaylistAddCheck color={"primary"} />,
  },
  { primary: "Users", to: "/users", icon: <People color={"primary"} /> },
]
Example #2
Source File: Navigation.js    From pwa with MIT License 6 votes vote down vote up 
routes = [
  {
    to: '/home',
    label: 'خانه',
    icon: <Home />,
  },
  {
    to: '/map',
    label: 'نقشه',
    icon: <Map />,
  },
  {
    to: '/my-activities',
    label: 'من',
    icon: <Person />,
  },
  {
    to: '/family-activities',
    label: 'خانواده',
    icon: <People />,
  },
  {
    to: '/informing',
    label: 'آگاهی‌بخشی',
    icon: <Assignment />,
  },
]
Example #3
Source File: MyActivityEvents.js    From pwa with MIT License 5 votes vote down vote up 
export default function MyActivityEvents(props) {
  let history = useHistory();
  const dispatch = useDispatch();
  return (
    <>
      <AppBar position="static" className="activity-header">
        <Toolbar variant="regular">
          <img src={logo} className="app-header-logo" />
          <IconButton
            color="inherit"
            onClick={() => {
              dispatch(showNav());
              history.push('/my-activities');
            }}
          >
            <KeyboardBackspace />
          </IconButton>
        </Toolbar>
      </AppBar>
      <div className={`contentWrapper MyActivityEventsWrapper`}>
        <div
          className="myActivityRow healthInfo"
          onClick={() => {
            history.push('/my-health-event');
          }}
        >
          <Person color="primary" style={{ fontSize: 50 }} />
          <div className="content">
            <h3>{PersianLan.myActivitiesTab.interHealthInfo}</h3>
            <p>{PersianLan.myActivitiesTab.interHealthInfoContent}</p>
          </div>
        </div>
        <div className="myActivityRow locationInfo disabled">
          <LocationOn color="primary" style={{ fontSize: 50 }} />
          <div className="content">
            <h3>{PersianLan.myActivitiesTab.interLocation}</h3>
            <p>{PersianLan.myActivitiesTab.interLocationContent}</p>
          </div>
        </div>
        <div className="myActivityRow meetings disabled">
          <People color="primary" style={{ fontSize: 50 }} />
          <div className="content">
            <h3>{PersianLan.myActivitiesTab.interMeetings}</h3>
            <p>{PersianLan.myActivitiesTab.interMeetingsContent}</p>
          </div>
        </div>
      </div>
    </>
  );
}