Upgrading from 1.x to 2.x
First of all you need to know that accordingly to Semantic Versioning guidelines version 2.x don't has backwards compatibility to version 1.x!
Assets (fonts, stylesheets)
You need to update the Material Design Iconic Font assets, check that font files and *.css
are new.
New default syntax
For icons: md md-*
zmdi zmdi-*
(Note: zmdi
, base class is only needed by icons and is necessary)
For helper classes: md-*
zmdi-hc-*
New icons names
md-accessibility
zmdi-male
md-account-balance
zmdi-balance
md-account-balance-wallet
zmdi-balance-wallet
md-account-child
zmdi-accounts-alt
md-add-shopping-cart
zmdi-shopping-cart-add
(or zmdi-shopping-cart-plus
since 2.1.0)
md-alarm-on
zmdi-alarm-check
md-announcement
zmdi-comment-alert
md-assessment
zmdi-chart
md-assignment-ind
zmdi-assignment-account
md-assignment-late
zmdi-assignment-alert
md-assignment-turned-in
zmdi-assignment-check
md-autorenew
zmdi-refresh
md-backup
zmdi-cloud-upload
md-bug-report
zmdi-bug
md-cached
zmdi-refresh-alt
md-class
zmdi-book
md-credit-card
zmdi-card
md-dashboard
zmdi-view-dashboard
md-description
zmdi-file-text
md-done
zmdi-check
md-done-all
zmdi-check-all
md-event
zmdi-calendar
md-exit-to-app
zmdi-sign-in
md-explore
zmdi-compass
md-extension
zmdi-puzzle-piece
md-face-unlock
zmdi-face
md-find-in-page
zmdi-search-in-file
md-find-replace
zmdi-search-replace
md-get-app
zmdi-download
md-grade
zmdi-star
md-highlight-remove
zmdi-close-circle-o
md-history
zmdi-time-restore
md-https
zmdi-lock
md-input
zmdi-square-right
md-language
zmdi-globe-alt
md-launch
zmdi-open-in-new
md-list
zmdi-view-list-alt
md-loyalty
zmdi-label-heart
md-note-add
zmdi-file-add
(or zmdi-file-plus
since 2.1.0)
md-open-with
zmdi-arrows
md-pageview
zmdi-search-in-page
md-payment
zmdi-card
md-perm-camera-mic
zmdi-camera-mic
md-perm-contact-cal
zmdi-account-calendar
(or zmdi-calendar-account
since 2.1.0)
md-perm-data-setting
zmdi-network-setting
md-perm-device-info
zmdi-smartphone-info
md-perm-identity
zmdi-account-o
md-perm-media
zmdi-collection-folder-image
md-perm-phone-msg
zmdi-phone-msg
md-perm-scan-wifi
zmdi-network-wifi-scan
(or zmdi-network-wifi-info
since 2.1.0)
md-query-builder
zmdi-time
md-question-answer
zmdi-comments
md-redeem
zmdi-card-giftcard
md-report-problem
zmdi-alert-triangle
md-restore
zmdi-time-restore
md-room
zmdi-pin
md-schedule
zmdi-time
md-settings-applications
zmdi-settings-square
md-settings-backup-restore
zmdi-time-restore-setting
md-settings-bluetooth
zmdi-bluetooth-setting
md-settings-cell
zmdi-smartphone-setting
md-settings-display
zmdi-brightness-setting
md-settings-ethernet
zmdi-code-setting
md-settings-input-antenna
zmdi-input-antenna
md-settings-input-component
zmdi-input-composite
md-settings-input-composite
zmdi-input-composite
md-settings-input-hdmi
zmdi-input-hdmi
md-settings-input-svideo
zmdi-input-svideo
md-settings-overscan
zmdi-fullscreen-alt
md-settings-phone
zmdi-phone-setting
md-settings-power
zmdi-power-off-setting
md-settings-remote
zmdi-remote-control
md-settings-voice
zmdi-mic-setting
md-shop
zmdi-case-play
md-shop-two
zmdi-collection-case-play
md-speaker-notes
zmdi-comment-list
md-star-rate
zmdi-star
md-stars
zmdi-star-circle
md-store
zmdi-local-store
md-subject
zmdi-format-subject
md-swap-horiz
zmdi-swap
md-swap-vert
zmdi-swap-vertical-
(Yes, I know... So use zmdi-swap-vertical
since 2.1.0)
md-swap-vert-circle
md-system-update-tv
zmdi-square-down
md-theaters
zmdi-movie-alt
md-thumbs-up-down
zmdi-thumb-up-down
md-toc
zmdi-view-toc
md-today
zmdi-calendar-alt
md-track-changes
zmdi-portable-wifi-changes
md-trending-neutral
zmdi-trending-flat
md-turned-in
zmdi-bookmark
md-turned-in-not
zmdi-bookmark-outline
md-verified-user
zmdi-shield-check
md-visibility
zmdi-eye
md-visibility-off
zmdi-eye-off
md-wallet-giftcard
zmdi-card-giftcard
md-wallet-membership
zmdi-card-membership
md-wallet-travel
zmdi-card-travel
md-work
zmdi-case
md-error
zmdi-alert-circle
md-warning
zmdi-alert-triangle
md-av-timer
zmdi-time-countdown
md-games
zmdi-gamepad
md-high-quality
zmdi-hq
md-loop
zmdi-refresh-sync
md-mic-none
zmdi-mic-outline
md-my-library-add
zmdi-collection-add
(or zmdi-collection-plus
since 2.1.0)
md-my-library-books
zmdi-collection-text
md-my-library-music
zmdi-collection-music
md-new-releases
zmdi-alert-polygon
md-not-interested
zmdi-block
md-pause-circle-fill
zmdi-pause-circle
md-play-arrow
zmdi-play
md-play-circle-fill
zmdi-play-circle
md-playlist-add
zmdi-format-playlist-add
(or zmdi-playlist-plus
since 2.1.0)
md-play-shopping-bag
zmdi-case-play
md-queue
zmdi-collection-add
(or zmdi-collection-plus
since 2.1.0)
md-queue-music
zmdi-format-queue-music
(or zmdi-playlist-audio
since 2.1.0)
md-recent-actors
zmdi-accounts-list
md-snooze
zmdi-alarm-snooze
md-subtitles
zmdi-view-subtitles
md-video-collection
zmdi-collection-video
md-web
zmdi-view-web
md-business
zmdi-city-alt
md-call
zmdi-phone
md-call-end
zmdi-phone-end
md-call-made
zmdi-arrow-out
md-call-merge
zmdi-arrow-merge
md-call-missed
zmdi-arrow-missed
md-call-received
zmdi-arrow-in
md-chat
zmdi-comment-text-alt
md-clear-all
zmdi-format-clear-all
md-contacts
zmdi-accounts-list-alt
md-dialer-sip
zmdi-phone-sip
md-dnd-on
zmdi-block-alt
md-forum
zmdi-comments
md-import-export
zmdi-swap-vertical-
(Yes, I know... So use zmdi-swap-vertical
since 2.1.0)
md-invert-colors-on
zmdi-invert-colors
md-live-help
zmdi-pin-help
md-location-off
zmdi-pin-off
md-location-on
zmdi-pin
md-message
zmdi-comment-text
md-messenger
zmdi-comment
md-no-sim
zmdi-card-off
md-quick-contacts-dialer
zmdi-account-box-phone
md-quick-contacts-mail
zmdi-account-box-mail
md-ring-volume
zmdi-phone-ring
md-stay-current-landscape
zmdi-smartphone-landscape
md-stay-current-portrait
zmdi-smartphone
md-stay-primary-landscape
zmdi-smartphone-landscape
md-stay-primary-portrait
zmdi-smartphone
md-swap-calls
zmdi-swap-alt
md-textsms
zmdi-comment-dots
md-vpn-key
zmdi-key
md-add
zmdi-plus
md-add-box
zmdi-plus-box
(or zmdi-plus-square
since 2.1.0)
md-add-circle
zmdi-plus-circle
md-add-circle-outline
zmdi-plus-circle-o
md-backspace
zmdi-tag-backspace
(or zmdi-tag-close
since 2.1.0)
md-clear
zmdi-close
md-content-copy
zmdi-copy
md-content-cut
zmdi-cut
md-content-paste
zmdi-assignment-o
(or zmdi-paste
since 2.1.0)
md-create
zmdi-edit
md-drafts
zmdi-email-open
md-mail
zmdi-email
md-markunread
zmdi-email
md-remove
zmdi-minus
md-remove-circle
zmdi-minus-circle
md-remove-circle-outline
zmdi-minus-circle-outline
md-reply
zmdi-mail-reply
md-reply-all
zmdi-mail-reply-all
md-report
zmdi-alert-octagon
md-send
zmdi-mail-send
md-access-alarm
zmdi-alarm
md-access-alarms
zmdi-alarm
md-access-time
zmdi-time
md-add-alarm
zmdi-alarm-add
(or zmdi-alarm-plus
since 2.1.0)
md-airplanemode-off
zmdi-airplanemode-inactive
(or zmdi-airplane-off
since 2.1.0)
md-airplanemode-on
zmdi-airplanemode-active
(or zmdi-airplane
since 2.1.0)
md-battery-20
deprecated
md-battery-30
deprecated
md-battery-50
deprecated
md-battery-60
deprecated
md-battery-80
deprecated
md-battery-90
deprecated
md-battery-charging-20
deprecated
md-battery-charging-30
deprecated
md-battery-charging-50
deprecated
md-battery-charging-60
deprecated
md-battery-charging-80
deprecated
md-battery-charging-90
deprecated
md-battery-charging-full
zmdi-battery-charging
(or zmdi-battery-flash
since 2.1.0)
md-battery-full
zmdi-battery
md-battery-std
zmdi-battery
md-bluetooth-disabled
zmdi-bluetooth-off
md-bluetooth-searching
zmdi-bluetooth-search
md-data-usage
zmdi-chart-donut
md-developer-mode
zmdi-code-smartphone
(or zmdi-smartphone-code
since 2.1.0)
md-dvr
zmdi-tv-list
md-gps-fixed
zmdi-gps-dot
md-gps-not-fixed
zmdi-gps
md-location-disabled
zmdi-gps-off
md-location-searching
zmdi-gps
md-multitrack-audio
zmdi-graphic-eq
md-network-cell
zmdi-network
md-now-wallpaper
zmdi-wallpaper
md-now-widgets
zmdi-widgets
md-screen-lock-landscape
zmdi-smartphone-landscape-lock
md-screen-lock-portrait
zmdi-smartphone-portrait-lock
md-screen-lock-rotation
zmdi-screen-rotation-lock
md-sd-storage
zmdi-card-sd
md-settings-system-daydream
zmdi-daydream-setting
(or zmdi-cloud-box
since 2.1.0)
md-signal-cellular-0-bar
zmdi-network-outline
md-signal-cellular-1-bar
deprecated
md-signal-cellular-2-bar
deprecated
md-signal-cellular-3-bar
deprecated
md-signal-cellular-4-bar
zmdi-network
md-signal-cellular-connected-no-internet-0-bar
deprecated
md-signal-cellular-connected-no-internet-1-bar
deprecated
md-signal-cellular-connected-no-internet-2-bar
deprecated
md-signal-cellular-connected-no-internet-3-bar
deprecated
md-signal-cellular-connected-no-internet-4-bar
zmdi-network-warning
(or zmdi-network-alert
since 2.1.0)
md-signal-cellular-no-sim
zmdi-card-off
md-signal-cellular-null
zmdi-network-outline
md-signal-cellular-off
zmdi-network-off
md-signal-wifi-0-bar
zmdi-network-wifi-outline
since 2.1.0
md-signal-wifi-1-bar
deprecated
md-signal-wifi-2-bar
deprecated
md-signal-wifi-3-bar
deprecated
md-signal-wifi-4-bar
zmdi-network-wifi
md-signal-wifi-off
zmdi-network-wifi-off
md-wifi-lock
zmdi-network-wifi-lock
md-wifi-tethering
zmdi-portable-wifi
md-attach-file
zmdi-attachment-alt
md-attach-money
zmdi-money
md-format-underline
zmdi-format-underlined
md-insert-chart
zmdi-chart
md-insert-comment
zmdi-comment-alt-text
md-insert-drive-file
zmdi-file
md-insert-emoticon
zmdi-mood
md-insert-invitation
zmdi-calendar
md-insert-link
zmdi-link
md-insert-photo
zmdi-image
md-merge-type
zmdi-arrow-merge
md-mode-comment
zmdi-comment-alt
md-mode-edit
zmdi-edit
md-publish
zmdi-upload
md-vertical-align-bottom
zmdi-format-valign-bottom
md-vertical-align-center
zmdi-format-valign-center
md-vertical-align-top
zmdi-format-valign-top
md-cloud-queue
zmdi-cloud-outline
md-file-download
zmdi-download
md-file-upload
zmdi-upload
md-folder-open
zmdi-folder-outline
md-computer
zmdi-laptop
md-keyboard-alt
zmdi-mood
md-keyboard-arrow-down
zmdi-chevron-down
md-keyboard-arrow-left
zmdi-chevron-left
md-keyboard-arrow-right
zmdi-chevron-right
md-keyboard-arrow-up
zmdi-chevron-up
md-keyboard-backspace
zmdi-long-arrow-left
md-keyboard-capslock
zmdi-eject-alt
md-keyboard-control
zmdi-more-horiz
(or zmdi-more
since 2.1.0)
md-keyboard-return
zmdi-long-arrow-return
md-keyboard-tab
zmdi-long-arrow-tab
md-keyboard-voice
zmdi-mic
md-laptop-windows
zmdi-laptop
md-phone-android
zmdi-smartphone-android
md-phone-iphone
zmdi-smartphone-iphone
md-phonelink
zmdi-devices
md-phonelink-off
zmdi-devices-off
md-security
zmdi-shield-security
md-sim-card
zmdi-card-sim
md-add-to-photos
zmdi-collection-add
(or zmdi-collection-plus
since 2.1.0)
md-adjust
zmdi-dot-circle-alt
md-assistant-photo
zmdi-flag
md-audiotrack
zmdi-audio
md-blur-on
zmdi-blur
md-brightness-1
zmdi-circle
md-collections
zmdi-collection-image
md-color-lens
zmdi-palette
md-control-point
zmdi-plus-circle-o
md-control-point-duplicate
zmdi-plus-circle-o-duplicate
md-details
zmdi-triangle-down
md-exposure-minus-1
zmdi-neg-1
md-exposure-minus-2
zmdi-neg-2
md-exposure-zero
zmdi-zero
md-exposure-plus-1
zmdi-plus-1
md-exposure-plus-2
zmdi-plus-2
md-filter
zmdi-collection-image-o
md-filter-1
zmdi-collection-item-1
md-filter-2
zmdi-collection-item-2
md-filter-3
zmdi-collection-item-3
md-filter-4
zmdi-collection-item-4
md-filter-5
zmdi-collection-item-5
md-filter-6
zmdi-collection-item-6
md-filter-7
zmdi-collection-item-7
md-filter-8
zmdi-collection-item-8
md-filter-9
zmdi-collection-item-9
md-filter-9-plus
zmdi-collection-item-9-plus
md-filter-drama
zmdi-cloud-outline-alt
md-filter-hdr
zmdi-landscape
md-filter-none
zmdi-collection-item
md-filter-vintage
zmdi-flower
md-flash-on
zmdi-flash
md-grid-on
zmdi-grid
md-hdr-on
zmdi-hdr
md-healing
zmdi-plaster
md-image-aspect-ratio
zmdi-aspect-ratio
md-iso
zmdi-exposure-alt
md-leak-add
zmdi-leak
md-lens
zmdi-circle
md-looks-1
zmdi-n-1-square
md-looks-2
zmdi-n-2-square
md-looks-3
zmdi-n-3-square
md-looks-4
zmdi-n-4-square
md-looks-5
zmdi-n-5-square
md-looks-6
zmdi-n-6-square
md-movie-creation
zmdi-movie
md-navigate-before
zmdi-chevron-left
md-navigate-next
zmdi-chevron-right
md-panorama
zmdi-image-alt
md-panorama-fisheye
zmdi-circle-o
md-photo
zmdi-image
md-photo-album
zmdi-book-photo
(or zmdi-book-image
since 2.1.0)
md-photo-camera
zmdi-camera
md-photo-library
zmdi-collection-image
md-portrait
zmdi-account-box-o
md-remove-red-eye
zmdi-eye
md-straighten
zmdi-ruler
md-style
zmdi-labels
md-switch-camera
zmdi-camera-switch
md-switch-video
zmdi-videocam-switch
md-tag-faces
zmdi-mood
md-timelapse
zmdi-time-interval
md-timer-3
zmdi-sec-3
md-timer-10
zmdi-sec-10
md-timer-auto
zmdi-account
md-wb-cloudy
zmdi-cloud
md-wb-incandescent
zmdi-incandescent
(or zmdi-lamp
since 2.1.0)
md-wb-irradescent
zmdi-wb-iridescent
(or zmdi-iridescent
since 2.1.0)
md-wb-sunny
zmdi-sun
md-beenhere
zmdi-badge-check
md-directions-transit
zmdi-directions-subway
md-flight
zmdi-airplanemode-active
(or zmdi-airplane
since 2.1.0)
md-local-attraction
zmdi-local-activity
md-local-print-shop
zmdi-local-printshop
md-local-restaurant
zmdi-local-dining
md-location-history
zmdi-pin-account
md-place
zmdi-pin
md-restaurant-menu
zmdi-local-dining
md-store-mall-directory
zmdi-local-store
md-terrain
zmdi-landscape
md-cancel
zmdi-close-circle
md-arrow-drop-down-circle
zmdi-caret-down-circle
md-arrow-drop-down
zmdi-caret-down
md-arrow-drop-up
zmdi-caret-up
md-expand-less
zmdi-chevron-up
md-expand-more
zmdi-chevron-down
md-bluetooth-audio
zmdi-bluetooth-search
md-dnd-forwardslash
zmdi-block-alt
md-do-not-disturb
zmdi-block
md-drive-eta
zmdi-directions-car
md-event-available
zmdi-calendar-check
md-event-busy
zmdi-calendar-remove
(or zmdi-calendar-close
since 2.1.0)
md-event-note
zmdi-calendar-note
md-mms
zmdi-comment-image
md-more
zmdi-tag-more
md-phone-bluetooth-speaker
zmdi-phone-bluetooth
md-play-download
zmdi-case-download
since 2.1.0
md-play-install
zmdi-case-check
since 2.1.0
md-sd-card
zmdi-card-sd
md-sim-card-alert
zmdi-card-alert
md-sms
zmdi-comment-dots
md-sms-failed
zmdi-comment-alert
md-sync
zmdi-refresh-sync
md-sync-disabled
zmdi-refresh-sync-disabled
(or zmdi-refresh-sync-off
since 2.1.0)
md-sync-problem
zmdi-refresh-sync-problem
(or zmdi-refresh-sync-alert
since 2.1.0)
md-system-update
zmdi-smartphone-download
md-time-to-leave
zmdi-directions-car
md-voice-chat
zmdi-comment-video
md-vpn-lock
zmdi-globe-lock
md-domain
zmdi-city-alt
md-location-city
zmdi-city
md-notifications-on
zmdi-notifications-active
md-party-mode
zmdi-camera-party-mode
md-group
zmdi-accounts
md-group-add
zmdi-accounts-add
md-people
zmdi-accounts
md-people-outline
zmdi-accounts-outline
md-person
zmdi-account
md-person-add
zmdi-account-add
md-person-outline
zmdi-account-o
md-plus-one
zmdi-plus-1
md-poll
zmdi-chart
md-public
zmdi-globe
md-school
zmdi-graduation-cap
md-whatshot
zmdi-fire
md-check-box
zmdi-check-square
md-check-box-outline-blank
zmdi-square-o
md-radio-button-off
zmdi-circle-o
md-radio-button-on
zmdi-dot-circle
If you think that I forgot something - let me know via GitHub issue.