How to use material-design-icons - 9 common examples

To help you get started, we’ve selected a few material-design-icons examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github django-rea / rea-app / packages / ui-views / icons / index.tsx View on Github external
export const Activity = !browser ? nullServerComponent : require('./activity.svg').default
export const Heart = !browser ? nullServerComponent : require('./heart.svg').default
export const Bell = !browser ? nullServerComponent : require('./bell.svg').default
export const Horizontal = !browser ? nullServerComponent : require('./more-horizontal.svg').default
export const Vertical = !browser ? nullServerComponent : require('./more-vertical.svg').default
// Checkbox: require('material-design-icons/toggle/svg/production/ic_check_box_24px.svg').default

export const Checkbox = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_check_circle_24px.svg').default
export const Exit = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_exit_to_app_24px.svg').default

export const Person = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_circle_24px.svg').default

export const Group = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_24px.svg').default
export const GroupAdd = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_add_24px.svg').default

export const Bank = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
export const Icon = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
github django-rea / rea-app / packages / ui-views / icons / index.tsx View on Github external
export const Heart = !browser ? nullServerComponent : require('./heart.svg').default
export const Bell = !browser ? nullServerComponent : require('./bell.svg').default
export const Horizontal = !browser ? nullServerComponent : require('./more-horizontal.svg').default
export const Vertical = !browser ? nullServerComponent : require('./more-vertical.svg').default
// Checkbox: require('material-design-icons/toggle/svg/production/ic_check_box_24px.svg').default

export const Checkbox = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_check_circle_24px.svg').default
export const Exit = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_exit_to_app_24px.svg').default

export const Person = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_circle_24px.svg').default

export const Group = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_24px.svg').default
export const GroupAdd = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_add_24px.svg').default

export const Bank = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
export const Icon = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
github django-rea / rea-app / packages / ui-views / icons / index.tsx View on Github external
export const Users = !browser ? nullServerComponent : require('./users.svg').default
export const Check = !browser ? nullServerComponent : require('./check.svg').default
export const Folder = !browser ? nullServerComponent : require('./folder.svg').default
export const Inbox = !browser ? nullServerComponent : require('./inbox.svg').default
export const Edit = !browser ? nullServerComponent : require('./edit.svg').default
export const Activity = !browser ? nullServerComponent : require('./activity.svg').default
export const Heart = !browser ? nullServerComponent : require('./heart.svg').default
export const Bell = !browser ? nullServerComponent : require('./bell.svg').default
export const Horizontal = !browser ? nullServerComponent : require('./more-horizontal.svg').default
export const Vertical = !browser ? nullServerComponent : require('./more-vertical.svg').default
// Checkbox: require('material-design-icons/toggle/svg/production/ic_check_box_24px.svg').default

export const Checkbox = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_check_circle_24px.svg').default
export const Exit = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_exit_to_app_24px.svg').default

export const Person = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_circle_24px.svg').default

export const Group = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_24px.svg').default
export const GroupAdd = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_add_24px.svg').default

export const Bank = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
export const Icon = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
github django-rea / rea-app / packages / ui-views / icons / index.tsx View on Github external
export const Up = !browser ? nullServerComponent : require('./up.svg').default
export const Down = !browser ? nullServerComponent : require('./down.svg').default
export const Calendar = !browser ? nullServerComponent : require('./calendar.svg').default
export const Users = !browser ? nullServerComponent : require('./users.svg').default
export const Check = !browser ? nullServerComponent : require('./check.svg').default
export const Folder = !browser ? nullServerComponent : require('./folder.svg').default
export const Inbox = !browser ? nullServerComponent : require('./inbox.svg').default
export const Edit = !browser ? nullServerComponent : require('./edit.svg').default
export const Activity = !browser ? nullServerComponent : require('./activity.svg').default
export const Heart = !browser ? nullServerComponent : require('./heart.svg').default
export const Bell = !browser ? nullServerComponent : require('./bell.svg').default
export const Horizontal = !browser ? nullServerComponent : require('./more-horizontal.svg').default
export const Vertical = !browser ? nullServerComponent : require('./more-vertical.svg').default
// Checkbox: require('material-design-icons/toggle/svg/production/ic_check_box_24px.svg').default

export const Checkbox = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_check_circle_24px.svg').default
export const Exit = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_exit_to_app_24px.svg').default

export const Person = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_circle_24px.svg').default

export const Group = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_24px.svg').default
export const GroupAdd = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_add_24px.svg').default

export const Bank = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
export const Icon = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
github django-rea / rea-app / packages / ui-views / icons / index.tsx View on Github external
export const Down = !browser ? nullServerComponent : require('./down.svg').default
export const Calendar = !browser ? nullServerComponent : require('./calendar.svg').default
export const Users = !browser ? nullServerComponent : require('./users.svg').default
export const Check = !browser ? nullServerComponent : require('./check.svg').default
export const Folder = !browser ? nullServerComponent : require('./folder.svg').default
export const Inbox = !browser ? nullServerComponent : require('./inbox.svg').default
export const Edit = !browser ? nullServerComponent : require('./edit.svg').default
export const Activity = !browser ? nullServerComponent : require('./activity.svg').default
export const Heart = !browser ? nullServerComponent : require('./heart.svg').default
export const Bell = !browser ? nullServerComponent : require('./bell.svg').default
export const Horizontal = !browser ? nullServerComponent : require('./more-horizontal.svg').default
export const Vertical = !browser ? nullServerComponent : require('./more-vertical.svg').default
// Checkbox: require('material-design-icons/toggle/svg/production/ic_check_box_24px.svg').default

export const Checkbox = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_check_circle_24px.svg').default
export const Exit = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_exit_to_app_24px.svg').default

export const Person = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_circle_24px.svg').default

export const Group = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_24px.svg').default
export const GroupAdd = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_add_24px.svg').default

export const Bank = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
export const Icon = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
github django-rea / rea-app / packages / ui-views / icons / index.tsx View on Github external
export const Folder = !browser ? nullServerComponent : require('./folder.svg').default
export const Inbox = !browser ? nullServerComponent : require('./inbox.svg').default
export const Edit = !browser ? nullServerComponent : require('./edit.svg').default
export const Activity = !browser ? nullServerComponent : require('./activity.svg').default
export const Heart = !browser ? nullServerComponent : require('./heart.svg').default
export const Bell = !browser ? nullServerComponent : require('./bell.svg').default
export const Horizontal = !browser ? nullServerComponent : require('./more-horizontal.svg').default
export const Vertical = !browser ? nullServerComponent : require('./more-vertical.svg').default
// Checkbox: require('material-design-icons/toggle/svg/production/ic_check_box_24px.svg').default

export const Checkbox = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_check_circle_24px.svg').default
export const Exit = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_exit_to_app_24px.svg').default

export const Person = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_circle_24px.svg').default

export const Group = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_24px.svg').default
export const GroupAdd = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_add_24px.svg').default

export const Bank = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
export const Icon = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
github django-rea / rea-app / packages / ui-views / icons / index.tsx View on Github external
export const Inbox = !browser ? nullServerComponent : require('./inbox.svg').default
export const Edit = !browser ? nullServerComponent : require('./edit.svg').default
export const Activity = !browser ? nullServerComponent : require('./activity.svg').default
export const Heart = !browser ? nullServerComponent : require('./heart.svg').default
export const Bell = !browser ? nullServerComponent : require('./bell.svg').default
export const Horizontal = !browser ? nullServerComponent : require('./more-horizontal.svg').default
export const Vertical = !browser ? nullServerComponent : require('./more-vertical.svg').default
// Checkbox: require('material-design-icons/toggle/svg/production/ic_check_box_24px.svg').default

export const Checkbox = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_check_circle_24px.svg').default
export const Exit = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_exit_to_app_24px.svg').default

export const Person = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_circle_24px.svg').default

export const Group = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_24px.svg').default
export const GroupAdd = !browser ? nullServerComponent : require('material-design-icons/social/svg/production/ic_group_add_24px.svg').default

export const Bank = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
export const Icon = !browser ? nullServerComponent : require('material-design-icons/action/svg/production/ic_account_balance_24px.svg').default
github darosh / material-icons-bundle / build / lib / loadGoogle.js View on Github external
files.forEach(file => {
          const segments = file.split(path.sep)

          data.push({
            file: file,
            source: 'Google',
            author: 'Google',
            name: segments[segments.length - 1].replace(/^ic_/, '').replace(/_24px\.svg$/, '').replace(/[-_]/g, ' '),
            category: segments[segments.length - 4],
            version: 'Google ' + require('material-design-icons/package.json').version
          })
        })
github darosh / material-icons-bundle / build / meta.js View on Github external
files.forEach(file => {
      const segments = file.split(path.sep)

      data.push({
        file: file,
        category: segments[segments.length - 4],
        source: 'Google',
        author: 'Google',
        version: 'Google ' + require('material-design-icons/package.json').version,
        name: segments[segments.length - 1].replace(/^ic_/, '').replace(/_24px\.svg$/, '').replace(/[-_]/g, ' ')
      })
    })