quasar-framework/icons/ionicons.js

Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase

export default {
  name: 'ionicons',
  type: {
    positive: 'ion-md-checkmark',
    negative: 'ion-alert',
    info: 'ion-information-circle-outline',
    warning: 'ion-alert'
  },
  arrow: {
    up: 'ion-arrow-up',
    right: 'ion-arrow-forward',
    down: 'ion-arrow-down',
    left: 'ion-arrow-back'
  },
  chevron: {
    left: 'ion-ios-arrow-back',
    right: 'ion-ios-arrow-forward'
  },

  pullToRefresh: {
    arrow: 'ion-arrow-round-down',
    refresh: 'ion-refresh'
  },
  search: {
    icon: 'ion-search',
    clear: 'ion-close-circle',
    clearInverted: 'ion-close-circle-outline'
  },
  carousel: {
    left: 'ion-ios-arrow-back',
    right: 'ion-ios-arrow-forward',
    quickNav: 'ion-square',
    thumbnails: 'ion-grid'
  },
  checkbox: {
    checked: {
      ios: 'ion-checkmark-circle',
      mat: 'ion-checkbox'
    },
    unchecked: {
      ios: 'ion-radio-button-off',
      mat: 'ion-square-outline'
    },
    indeterminate: {
      ios: 'ion-remove-circle-outline',
      mat: 'ion-remove-circle'
    }
  },
  chip: {
    close: 'ion-close-circle'
  },
  chipsInput: {
    add: 'ion-send'
  },
  collapsible: {
    icon: 'ion-arrow-dropdown'
  },
  datetime: {
    arrowLeft: 'ion-ios-arrow-back',
    arrowRight: 'ion-ios-arrow-forward'
  },
  editor: { // requires Material icons for some as Ionicons simply does not have everything needed
    bold: 'format_bold',
    italic: 'format_italic',
    strikethrough: 'strikethrough_s',
    underline: 'format_underlined',
    unorderedList: 'format_list_bulleted',
    orderedList: 'format_list_numbered',
    subscript: 'vertical_align_bottom',
    superscript: 'vertical_align_top',
    hyperlink: 'ion-link',
    toggleFullscreen: 'ion-expand',
    quote: 'ion-quote',
    left: 'format_align_left',
    center: 'format_align_center',
    right: 'format_align_right',
    justify: 'format_align_justify',
    print: 'ion-print',
    outdent: 'format_indent_decrease',
    indent: 'format_indent_increase',
    removeFormat: 'format_clear',
    formatting: 'text_format',
    fontSize: 'format_size',
    align: 'format_align_left',
    hr: 'remove',
    undo: 'ion-undo',
    redo: 'ion-redo',
    header: 'format_size',
    code: 'ion-code',
    size: 'format_size',
    font: 'font_download'
  },
  fab: {
    icon: 'ion-add',
    activeIcon: 'ion-close'
  },
  input: {
    showPass: 'ion-eye',
    hidePass: 'ion-eye-off',
    showNumber: 'ion-calculator',
    hideNumber: 'ion-keypad',
    clear: 'ion-close-circle',
    clearInverted: 'ion-close-circle-outline',
    dropdown: 'ion-arrow-dropdown'
  },
  pagination: {
    first: 'ion-skip-backward',
    prev: 'ion-arrow-back',
    next: 'ion-arrow-forward',
    last: 'ion-skip-forward'
  },
  radio: {
    checked: {
      ios: 'ion-md-checkmark',
      mat: 'ion-radio-button-on'
    },
    unchecked: {
      ios: '',
      mat: 'ion-radio-button-off'
    }
  },
  rating: {
    icon: 'ion-star'
  },
  stepper: {
    done: 'ion-checkmark',
    active: 'ion-create',
    error: 'ion-warning'
  },
  tabs: {
    left: 'ion-ios-arrow-back',
    right: 'ion-ios-arrow-forward'
  },
  table: {
    arrowUp: 'ion-arrow-up',
    warning: 'ion-warning',
    prevPage: 'ion-ios-arrow-back',
    nextPage: 'ion-ios-arrow-forward'
  },
  tree: {
    icon: 'ion-play'
  },
  uploader: {
    done: 'ion-checkmark',
    clear: 'ion-close-circle',
    clearInverted: 'ion-close-circle-outline',
    add: 'ion-add',
    upload: 'ion-cloud-upload',
    expand: 'ion-arrow-dropdown',
    file: 'ion-document'
  }
}