Material Icons

Usage

As an icon font material icons may be accessed via the VarJQICON[JQICON macro]]. To do so you need to register the material icons font to the IconService of JQueryPlugin. Add this section to the $Foswiki::cfg{JQueryPlugin}{IconFonts} setting if not already present:

$Foswiki::cfg{JQueryPlugin}{IconFonts} = {
...
  'material' => {
    'prefix' => 'ma',
    'definition' => '$Foswiki::cfg{PubDir}/$Foswiki::cfg{SystemWebName}/WebFontsContrib/material-icons/material.json',
    'css' => '$Foswiki::cfg{PubUrlPath}/$Foswiki::cfg{SystemWebName}/WebFontsContrib/material-icons/font-face.css', 
  },
...
};

This will register the ma prefix to refer to the given icon definition so that below call to %JQICON will load the appropriate css and font files:

You type:

%JQICON{"ma-add-alarm"}%

You get:

where add-alarm is the name of an icon. See the full list of all icons below.

Icons

Search:

3d-rotation ac-unit access-alarm access-alarms access-time accessibility accessible account-balance account-balance-wallet account-box account-circle adb add add-a-photo add-alarm add-alert add-box add-circle add-circle-outline add-location add-shopping-cart add-to-photos add-to-queue adjust airline-seat-flat airline-seat-flat-angled airline-seat-individual-suite airline-seat-legroom-extra airline-seat-legroom-normal airline-seat-legroom-reduced airline-seat-recline-extra airline-seat-recline-normal airplanemode-active airplanemode-inactive airplay airport-shuttle alarm alarm-add alarm-off alarm-on album all-inclusive all-out android announcement apps archive arrow-back arrow-downward arrow-drop-down arrow-drop-down-circle arrow-drop-up arrow-forward arrow-upward art-track aspect-ratio assessment assignment assignment-ind assignment-late assignment-return assignment-returned assignment-turned-in assistant assistant-photo attach-file attach-money attachment audiotrack autorenew av-timer backspace backup battery-alert battery-charging-full battery-full battery-std battery-unknown beach-access beenhere block bluetooth bluetooth-audio bluetooth-connected bluetooth-disabled bluetooth-searching blur-circular blur-linear blur-off blur-on book bookmark bookmark-border border-all border-bottom border-clear border-color border-horizontal border-inner border-left border-outer border-right border-style border-top border-vertical branding-watermark brightness-1 brightness-2 brightness-3 brightness-4 brightness-5 brightness-6 brightness-7 brightness-auto brightness-high brightness-low brightness-medium broken-image brush bubble-chart bug-report build burst-mode business business-center cached cake call call-end call-made call-merge call-missed call-missed-outgoing call-received call-split call-to-action camera camera-alt camera-enhance camera-front camera-rear camera-roll cancel card-giftcard card-membership card-travel casino cast cast-connected center-focus-strong center-focus-weak change-history chat chat-bubble chat-bubble-outline check check-box check-box-outline-blank check-circle chevron-left chevron-right child-care child-friendly chrome-reader-mode class clear clear-all close closed-caption cloud cloud-circle cloud-done cloud-download cloud-off cloud-queue cloud-upload code collections collections-bookmark color-lens colorize comment compare compare-arrows computer confirmation-number contact-mail contact-phone contacts content-copy content-cut content-paste control-point control-point-duplicate copyright create create-new-folder credit-card crop crop-16-9 crop-3-2 crop-5-4 crop-7-5 crop-din crop-free crop-landscape crop-original crop-portrait crop-rotate crop-square dashboard data-usage date-range dehaze delete delete-forever delete-sweep description desktop-mac desktop-windows details developer-board developer-mode device-hub devices devices-other dialer-sip dialpad directions directions-bike directions-boat directions-bus directions-car directions-railway directions-run directions-subway directions-transit directions-walk disc-full dns do-not-disturb do-not-disturb-alt do-not-disturb-off do-not-disturb-on dock domain done done-all donut-large donut-small drafts drag-handle drive-eta dvr edit edit-location eject email enhanced-encryption equalizer error error-outline euro-symbol ev-station event event-available event-busy event-note event-seat exit-to-app expand-less expand-more explicit explore exposure exposure-neg-1 exposure-neg-2 exposure-plus-1 exposure-plus-2 exposure-zero extension face fast-forward fast-rewind favorite favorite-border featured-play-list featured-video feedback fiber-dvr fiber-manual-record fiber-new fiber-pin fiber-smart-record file-download file-upload filter filter-1 filter-2 filter-3 filter-4 filter-5 filter-6 filter-7 filter-8 filter-9 filter-9-plus filter-b-and-w filter-center-focus filter-drama filter-frames filter-hdr filter-list filter-none filter-tilt-shift filter-vintage find-in-page find-replace fingerprint first-page fitness-center flag flare flash-auto flash-off flash-on flight flight-land flight-takeoff flip flip-to-back flip-to-front folder folder-open folder-shared folder-special font-download format-align-center format-align-justify format-align-left format-align-right format-bold format-clear format-color-fill format-color-reset format-color-text format-indent-decrease format-indent-increase format-italic format-line-spacing format-list-bulleted format-list-numbered format-paint format-quote format-shapes format-size format-strikethrough format-textdirection-l-to-r format-textdirection-r-to-l format-underlined forum forward forward-10 forward-30 forward-5 free-breakfast fullscreen fullscreen-exit functions g-translate gamepad games gavel gesture get-app gif golf-course gps-fixed gps-not-fixed gps-off grade gradient grain graphic-eq grid-off grid-on group group-add group-work hd hdr-off hdr-on hdr-strong hdr-weak headset headset-mic healing hearing help help-outline high-quality highlight highlight-off history home hot-tub hotel hourglass-empty hourglass-full http https image image-aspect-ratio import-contacts import-export important-devices inbox indeterminate-check-box info info-outline input insert-chart insert-comment insert-drive-file insert-emoticon insert-invitation insert-link insert-photo invert-colors invert-colors-off iso keyboard keyboard-arrow-down keyboard-arrow-left keyboard-arrow-right keyboard-arrow-up keyboard-backspace keyboard-capslock keyboard-hide keyboard-return keyboard-tab keyboard-voice kitchen label label-outline landscape language laptop laptop-chromebook laptop-mac laptop-windows last-page launch layers layers-clear leak-add leak-remove lens library-add library-books library-music lightbulb-outline line-style line-weight linear-scale link linked-camera list live-help live-tv local-activity local-airport local-atm local-bar local-cafe local-car-wash local-convenience-store local-dining local-drink local-florist local-gas-station local-grocery-store local-hospital local-hotel local-laundry-service local-library local-mall local-movies local-offer local-parking local-pharmacy local-phone local-pizza local-play local-post-office local-printshop local-see local-shipping local-taxi location-city location-disabled location-off location-on location-searching lock lock-open lock-outline looks looks-3 looks-4 looks-5 looks-6 looks-one looks-two loop loupe low-priority loyalty mail mail-outline map markunread markunread-mailbox memory menu merge-type message mic mic-none mic-off mms mode-comment mode-edit monetization-on money-off monochrome-photos mood mood-bad more more-horiz more-vert motorcycle mouse move-to-inbox movie movie-creation movie-filter multiline-chart music-note music-video my-location nature nature-people navigate-before navigate-next navigation near-me network-cell network-check network-locked network-wifi new-releases next-week nfc no-encryption no-sim not-interested note note-add notifications notifications-active notifications-none notifications-off notifications-paused offline-pin ondemand-video opacity open-in-browser open-in-new open-with pages pageview palette pan-tool panorama panorama-fish-eye panorama-horizontal panorama-vertical panorama-wide-angle party-mode pause pause-circle-filled pause-circle-outline payment people people-outline perm-camera-mic perm-contact-calendar perm-data-setting perm-device-information perm-identity perm-media perm-phone-msg perm-scan-wifi person person-add person-outline person-pin person-pin-circle personal-video pets phone phone-android phone-bluetooth-speaker phone-forwarded phone-in-talk phone-iphone phone-locked phone-missed phone-paused phonelink phonelink-erase phonelink-lock phonelink-off phonelink-ring phonelink-setup photo photo-album photo-camera photo-filter photo-library photo-size-select-actual photo-size-select-large photo-size-select-small picture-as-pdf picture-in-picture picture-in-picture-alt pie-chart pie-chart-outlined pin-drop place play-arrow play-circle-filled play-circle-outline play-for-work playlist-add playlist-add-check playlist-play plus-one poll polymer pool portable-wifi-off portrait power power-input power-settings-new pregnant-woman present-to-all print priority-high public publish query-builder question-answer queue queue-music queue-play-next radio radio-button-checked radio-button-unchecked rate-review receipt recent-actors record-voice-over redeem redo refresh remove remove-circle remove-circle-outline remove-from-queue remove-red-eye remove-shopping-cart reorder repeat repeat-one replay replay-10 replay-30 replay-5 reply reply-all report report-problem restaurant restaurant-menu restore restore-page ring-volume room room-service rotate-90-degrees-ccw rotate-left rotate-right rounded-corner router rowing rss-feed rv-hookup satellite save scanner schedule school screen-lock-landscape screen-lock-portrait screen-lock-rotation screen-rotation screen-share sd-card sd-storage search security select-all send sentiment-dissatisfied sentiment-neutral sentiment-satisfied sentiment-very-dissatisfied sentiment-very-satisfied settings settings-applications settings-backup-restore settings-bluetooth settings-brightness settings-cell settings-ethernet settings-input-antenna settings-input-component settings-input-composite settings-input-hdmi settings-input-svideo settings-overscan settings-phone settings-power settings-remote settings-system-daydream settings-voice share shop shop-two shopping-basket shopping-cart short-text show-chart shuffle signal-cellular-4-bar signal-cellular-connected-no-internet-4-bar signal-cellular-no-sim signal-cellular-null signal-cellular-off signal-wifi-4-bar signal-wifi-4-bar-lock signal-wifi-off sim-card sim-card-alert skip-next skip-previous slideshow slow-motion-video smartphone smoke-free smoking-rooms sms sms-failed snooze sort sort-by-alpha spa space-bar speaker speaker-group speaker-notes speaker-notes-off speaker-phone spellcheck star star-border star-half stars stay-current-landscape stay-current-portrait stay-primary-landscape stay-primary-portrait stop stop-screen-share storage store store-mall-directory straighten streetview strikethrough-s style subdirectory-arrow-left subdirectory-arrow-right subject subscriptions subtitles subway supervisor-account surround-sound swap-calls swap-horiz swap-vert swap-vertical-circle switch-camera switch-video sync sync-disabled sync-problem system-update system-update-alt tab tab-unselected tablet tablet-android tablet-mac tag-faces tap-and-play terrain text-fields text-format textsms texture theaters thumb-down thumb-up thumbs-up-down time-to-leave timelapse timeline timer timer-10 timer-3 timer-off title toc today toll tonality touch-app toys track-changes traffic train tram transfer-within-a-station transform translate trending-down trending-flat trending-up tune turned-in turned-in-not tv unarchive undo unfold-less unfold-more update usb verified-user vertical-align-bottom vertical-align-center vertical-align-top vibration video-call video-label video-library videocam videocam-off videogame-asset view-agenda view-array view-carousel view-column view-comfy view-compact view-day view-headline view-list view-module view-quilt view-stream view-week vignette visibility visibility-off voice-chat voicemail volume-down volume-mute volume-off volume-up vpn-key vpn-lock wallpaper warning watch watch-later wb-auto wb-cloudy wb-incandescent wb-iridescent wb-sunny wc web web-asset weekend whatshot widgets wifi wifi-lock wifi-tethering work wrap-text youtube-searched-for zoom-in zoom-out zoom-out-map

Topic attachments
I Attachment Action Size Date Who Comment
script.jsjs script.js manage 1 K 31 Jan 2019 - 11:46 ProjectContributor Generated by AttachContentPlugin
style.csscss style.css manage 334 bytes 31 Jan 2019 - 11:46 ProjectContributor Generated by AttachContentPlugin
This topic: System > WebFontsContrib > MaterialIcons
Topic revision: 11 Feb 2019, UnknownUser
This site is powered by FoswikiCopyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding DAMASK? Send feedback