Icons

Share the joy

Icon classes

To use icons in your pages use the i tag with these classes, like that:

<i class=”mdi-action-3d-rotation”></i>

mdi-action-3d-rotation
mdi-action-accessibility
mdi-action-account-balance
mdi-action-account-balance-wallet
mdi-action-account-box
mdi-action-account-child
mdi-action-account-circle
mdi-action-add-shopping-cart
mdi-action-alarm
mdi-action-alarm-add
mdi-action-alarm-off
mdi-action-alarm-on
mdi-action-android
mdi-action-announcement
mdi-action-aspect-ratio
mdi-action-assessment
mdi-action-assignment
mdi-action-assignment-ind
mdi-action-assignment-late
mdi-action-assignment-return
mdi-action-assignment-returned
mdi-action-assignment-turned-in
mdi-action-autorenew
mdi-action-backup
mdi-action-book
mdi-action-bookmark
mdi-action-bookmark-outline
mdi-action-bug-report
mdi-action-cached
mdi-action-class
mdi-action-credit-card
mdi-action-dashboard
mdi-action-delete
mdi-action-description
mdi-action-dns
mdi-action-done
mdi-action-done-all
mdi-action-event
mdi-action-exit-to-app
mdi-action-explore
mdi-action-extension
mdi-action-face-unlock
mdi-action-favorite
mdi-action-favorite-outline
mdi-action-find-in-page
mdi-action-find-replace
mdi-action-flip-to-back
mdi-action-flip-to-front
mdi-action-get-app
mdi-action-grade
mdi-action-group-work
mdi-action-help
mdi-action-highlight-remove
mdi-action-history
mdi-action-home
mdi-action-https
mdi-action-info
mdi-action-info-outline
mdi-action-input
mdi-action-invert-colors
mdi-action-label
mdi-action-label-outline
mdi-action-language
mdi-action-launch
mdi-action-list
mdi-action-lock
mdi-action-lock-open
mdi-action-lock-outline
mdi-action-loyalty
mdi-action-markunread-mailbox
mdi-action-note-add
mdi-action-open-in-browser
mdi-action-open-in-new
mdi-action-open-with
mdi-action-pageview
mdi-action-payment
mdi-action-perm-camera-mic
mdi-action-perm-contact-cal
mdi-action-perm-data-setting
mdi-action-perm-device-info
mdi-action-perm-identity
mdi-action-perm-media
mdi-action-perm-phone-msg
mdi-action-perm-scan-wifi
mdi-action-picture-in-picture
mdi-action-polymer
mdi-action-print
mdi-action-query-builder
mdi-action-question-answer
mdi-action-receipt
mdi-action-redeem
mdi-action-report-problem
mdi-action-restore
mdi-action-room
mdi-action-schedule
mdi-action-search
mdi-action-settings
mdi-action-settings-applications
mdi-action-settings-backup-restore
mdi-action-settings-bluetooth
mdi-action-settings-cell
mdi-action-settings-display
mdi-action-settings-ethernet
mdi-action-settings-input-antenna
mdi-action-settings-input-component
mdi-action-settings-input-composite
mdi-action-settings-input-hdmi
mdi-action-settings-input-svideo
mdi-action-settings-overscan
mdi-action-settings-phone
mdi-action-settings-power
mdi-action-settings-remote
mdi-action-settings-voice
mdi-action-shop
mdi-action-shop-two
mdi-action-shopping-basket
mdi-action-shopping-cart
mdi-action-speaker-notes
mdi-action-spellcheck
mdi-action-star-rate
mdi-action-stars
mdi-action-store
mdi-action-subject
mdi-action-swap-horiz
mdi-action-swap-vert
mdi-action-swap-vert-circle
mdi-action-system-update-tv
mdi-action-tab
mdi-action-tab-unselected
mdi-action-theaters
mdi-action-thumb-down
mdi-action-thumb-up
mdi-action-thumbs-up-down
mdi-action-toc
mdi-action-today
mdi-action-track-changes
mdi-action-translate
mdi-action-trending-down
mdi-action-trending-neutral
mdi-action-trending-up
mdi-action-turned-in
mdi-action-turned-in-not
mdi-action-verified-user
mdi-action-view-agenda
mdi-action-view-array
mdi-action-view-carousel
mdi-action-view-column
mdi-action-view-day
mdi-action-view-headline
mdi-action-view-list
mdi-action-view-module
mdi-action-view-quilt
mdi-action-view-stream
mdi-action-view-week
mdi-action-visibility
mdi-action-visibility-off
mdi-action-wallet-giftcard
mdi-action-wallet-membership
mdi-action-wallet-travel
mdi-action-work
Current track

Title

Artist

Background