Icons
1. Material Icons
https://material-ui.com/components/material-icons
import AccessAlarmIcon from '@material-ui/icons/AccessAlarm';
import AccessibilityNewIcon from '@material-ui/icons/AccessibilityNew';
import AccountTreeIcon from '@material-ui/icons/AccountTree';
import AddRoadIcon from '@material-ui/icons/AddRoad';
// ----------------------------------------------------------------------
const MaterialIcons = () => {
return(
<AccessAlarmIcon>
<AccessibilityNewIcon/>
<AccountTreeIcon/>
<AddRoadIcon/>
);
}
2. Tabler Icons
https://tabler-icons.io/
import { IconGridDots,IconAward,IconCalendar,IconMail } from '@tabler/icons-react';
// ----------------------------------------------------------------------
const TablerIcons = () => {
return(
<IconGridDots width={22} />
<IconAward width={25} />
<IconCalendar width={30}/>
<IconMail width={40}/>
);
}
3. Iconify Icons
https://iconify.design/
import { Icon } from '@iconify/react/dist/iconify.js';
// ----------------------------------------------------------------------
const IconifyIcons = () => {
return(
<Icon icon="ic:round-check" fontSize={20} />
<Icon icon="solar:pen-linear" fontSize={18} />
<Icon icon="qlementine-icons:menu-dots-16" fontSize={24} />
<Icon icon="iconamoon:search-light" fontSize={12} />
);
}