@@include('header.htm', { "title": "Material icons - Sleek Admin Dashboard Template", "vector_map": "", "date_range_picker": "", "select2": "", "ladda": "", "toastr": "", "flag_icon": "", "full_calendar_core": "", "full_calendar_daygrid": "", "data_table": "", "responsive_data_table": "", "expendable_data_table": "" }) @@include('sidebar.htm', { "parent": "icons", "sub_parent": "icons", "active": "material-icon" }) @@include('top-bar.htm')

Usage

<span class="mdi mdi-name"></span>

Icons (click to copy to clipboard)

Extras

The helper CSS classes are listed below.

Size

mdi-18px mdi-24px mdi-36px mdi-48px

Rotate

mdi-rotate-45 mdi-rotate-90 mdi-rotate-135 mdi-rotate-180 mdi-rotate-225 mdi-rotate-270 mdi-rotate-315

Flip

mdi-flip-h mdi-flip-v

Note: We do not include the ability to use mdi-flip-* and mdi-rotate-* at the same time.

Spin

mdi-spin mdi-spin

Color

mdi-light mdi-light mdi-inactive mdi-dark mdi-dark mdi-inactive

@@include('footer.htm', { "chart_js": "", "chartjs": "", "google_map": "", "mapjs": "", "vector_map": "", "vector_map_world_mill": "", "vector_map_js": "", "date_range_picker_moment": "", "date_range_picker": "", "date_range_js": "", "select2": "", "ladda_spin": "", "ladda": "", "jquery_mask": "", "toastr": "", "circle_progress": "", "full_calendar_core": "", "full_calendar_daygrid": "", "full_calendar_js": "", "data_table": "", "data_table_bootstrap4": "", "responsive_data_table": "" })