material-icons

Changes in 1.0.0

• Deprecate redundant CSS classes—mi, mi-outlined, mi-round, mi-sharp, mi-two-tone. You can use material-icons, material-icons-outlined, material-icons-round, material-icons-sharp, material-icons-two-tone classes instead
• Deprecate material-icons() Sass mixin. You can use @extend .material-icons; instead of @include material-icons();

Major Changes since 0.2.x

• Added outlined, round, sharp and two-tone icons (0.5.0)
• Removed eot, ttf and otf font files and renamed other font files (0.7.0)
• Removed $material-icons-font-name, $material-icons-font-family Sass variables (0.7.0)

Migrating from 0.x to 1.x

The core features have remained same since 0.2.x. Addition (0.5.0) and removal (0.7.0) of font files don't require any code changes if you are just importing the provided CSS or Sass files. Since new fonts are added (0.5.0), you may want to look at reducing build size.

Changes

• Update fonts and codepoints
• Add interpreter_mode, playlist_add_check_circle, playlist_add_circle, south_america, vaccines icons

Changes

• Use :: for CSS pseudo-elements
• Change download script

Changes

• Update fonts and codepoints
• Add switch_access_shortcut, switch_access_shortcut_add icons
• Refactor Sass mixins

Changes

• Add separate CSS and Sass files for each font to reduce build size. Learn more
• Refactor Sass mixins

Major Changes

• Remove eot font files as they are only required for IE6-8
• Remove ttf and otf font files as woff2 and woff font files should be enough for modern browsers
• Rename font files to match their CSS class names (MaterialIconsOutlined-Regular → material-icons-outlined)
• Refactor Sass mixins and remove unused Sass variables ($material-icons-font-name, $material-icons-font-family)

Other Changes

• Delete unused svg font file
• Remove local() font references in css as they may cause issues with locally installed fonts
• Add files field to package.json to include only css, scss and font files in package
• Switch to dart-sass as node-sass is deprecated
• Update fonts and codepoints
• Add airline_stops, airlines, apps_outage, browser_updated, connecting_airports, expand_circle_down, flight_class, interests, mode_of_travel, soup_kitchen icons

Changes

• Update font files and codepoints
• Add co2, comments_disabled, gif_box, group_remove, workspace_premium icons

Changes

• Update script to get codepoints from font files
• Update codepoints

Changes

• Update font files and codepoints

Changes

• Update codepoints and CSS classes for new icons
• Add support for outlined, round, sharp and two tone icons to CSS classes

To display outlined, round, sharp and two tone icons, use:

<span class="mi-outlined mi-home"></span>
<span class="mi-round mi-home"></span>
<span class="mi-sharp mi-home"></span>
<span class="mi-two-tone mi-home"></span>

Changes

• Add font-display: block (#21)

Changes

• Update font files

Changes

• Update font files

Changes

• Update font files

Changes

• Update font files

Changes

• Use ttf file for normal icons and otf file for outlined, round, sharp and two tone icons

Changes

• Add outlined, round, sharp and two tone icons

To display outlined, round, sharp and two tone icons, use:

<span class="material-icons-outlined">home</span>
<span class="material-icons-round">home</span>
<span class="material-icons-sharp">home</span>
<span class="material-icons-two-tone">home</span>

Changes

• Add bash script to download fonts
• Update font files for new icons
• Update codepoints

Changes

• Update font files for new icons

Changes

• [MAJOR] Update font files for new icons