quasar

1

2
const {
3
  ionCheckmark,
4
  ionAlert,
5
  ionInformationCircleOutline,
6
  ionArrowUp,
7
  ionArrowForward,
8
  ionArrowDown,
9
  ionArrowBack,
10
  ionCaretDownOutline,
11
  ionAperture,
12
  ionOptions,
13
  ionApps,
14
  ionRefresh,
15
  ionSquare,
16
  ionCloseCircle,
17
  ionTime,
18
  ionCalendar,
19
  ionLink,
20
  ionExpand,
21
  ionChatboxEllipses,
22
  ionPrint,
23
  ionArrowUndo,
24
  ionArrowRedo,
25
  ionCodeSlash,
26
  ionAdd,
27
  ionClose,
28
  ionPlaySkipBackCircle,
29
  ionPlaySkipForwardCircle,
30
  ionStar,
31
  ionCreate,
32
  ionWarning,
33
  ionPlay,
34
  ionAddCircle,
35
  ionCloudUpload,
36
  ionTrash,
37
  ionCheckmarkDone,
38
  ionChevronDown,
39
  ionChevronUp,
40
  ionChevronBack,
41
  ionChevronForward,
42
  ionChevronBackCircle,
43
  ionChevronForwardCircle
44
} = require('@quasar/extras/ionicons-v5')
45

46
/* There are some icons that are needed but not available
47
   so we import them from MDI as svg */
48

49
const {
50
  mdiFormatBold,
51
  mdiFormatItalic,
52
  mdiFormatStrikethroughVariant,
53
  mdiFormatUnderline,
54
  mdiFormatListBulleted,
55
  mdiFormatListNumbered,
56
  mdiFormatSubscript,
57
  mdiFormatSuperscript,
58
  mdiFormatAlignLeft,
59
  mdiFormatAlignCenter,
60
  mdiFormatAlignRight,
61
  mdiFormatAlignJustify,
62
  mdiFormatIndentDecrease,
63
  mdiFormatIndentIncrease,
64
  mdiFormatClear,
65
  mdiFormatColorText,
66
  mdiFormatSize,
67
  mdiMinus,
68
  mdiFormatHeader1,
69
  mdiFormatHeader2,
70
  mdiFormatHeader3,
71
  mdiFormatHeader4,
72
  mdiFormatHeader5,
73
  mdiFormatHeader6,
74
  mdiNumeric1Box,
75
  mdiNumeric2Box,
76
  mdiNumeric3Box,
77
  mdiNumeric4Box,
78
  mdiNumeric5Box,
79
  mdiNumeric6Box,
80
  mdiNumeric7Box,
81
  mdiFormatFont
82
} = require('@quasar/extras/mdi-v6')
83

84
module.exports = {
85
  name: 'svg-ionicons-v5',
86
  type: {
87
    positive: ionCheckmark,
88
    negative: ionAlert,
89
    info: ionInformationCircleOutline,
90
    warning: ionAlert
91
  },
92
  arrow: {
93
    up: ionArrowUp,
94
    right: ionArrowForward,
95
    down: ionArrowDown,
96
    left: ionArrowBack,
97
    dropdown: ionCaretDownOutline
98
  },
99
  chevron: {
100
    left: ionArrowBack,
101
    right: ionArrowForward
102
  },
103
  colorPicker: {
104
    spectrum: ionAperture,
105
    tune: ionOptions,
106
    palette: ionApps
107
  },
108
  pullToRefresh: {
109
    icon: ionRefresh
110
  },
111
  carousel: {
112
    left: ionChevronBack,
113
    right: ionChevronForward,
114
    up: ionChevronUp,
115
    down: ionChevronDown,
116
    navigationIcon: ionSquare
117
  },
118
  chip: {
119
    remove: ionCloseCircle,
120
    selected: ionCheckmark
121
  },
122
  datetime: {
123
    arrowLeft: ionChevronBack,
124
    arrowRight: ionChevronForward,
125
    now: ionTime,
126
    today: ionCalendar
127
  },
128
  editor: { // requires Material icons for some as Ionicons simply does not have everything needed
129
    hyperlink: ionLink,
130
    toggleFullscreen: ionExpand,
131
    quote: ionChatboxEllipses,
132
    print: ionPrint,
133
    undo: ionArrowUndo,
134
    redo: ionArrowRedo,
135
    code: ionCodeSlash,
136
    viewSource: ionCodeSlash,
137

138
    bold: mdiFormatBold,
139
    italic: mdiFormatItalic,
140
    strikethrough: mdiFormatStrikethroughVariant,
141
    underline: mdiFormatUnderline,
142
    unorderedList: mdiFormatListBulleted,
143
    orderedList: mdiFormatListNumbered,
144
    subscript: mdiFormatSubscript,
145
    superscript: mdiFormatSuperscript,
146
    left: mdiFormatAlignLeft,
147
    center: mdiFormatAlignCenter,
148
    right: mdiFormatAlignRight,
149
    justify: mdiFormatAlignJustify,
150
    outdent: mdiFormatIndentDecrease,
151
    indent: mdiFormatIndentIncrease,
152
    removeFormat: mdiFormatClear,
153
    formatting: mdiFormatColorText,
154
    fontSize: mdiFormatSize,
155
    align: mdiFormatAlignLeft,
156
    hr: mdiMinus,
157
    heading: mdiFormatSize,
158
    heading1: mdiFormatHeader1,
159
    heading2: mdiFormatHeader2,
160
    heading3: mdiFormatHeader3,
161
    heading4: mdiFormatHeader4,
162
    heading5: mdiFormatHeader5,
163
    heading6: mdiFormatHeader6,
164
    size: mdiFormatSize,
165
    size1: mdiNumeric1Box,
166
    size2: mdiNumeric2Box,
167
    size3: mdiNumeric3Box,
168
    size4: mdiNumeric4Box,
169
    size5: mdiNumeric5Box,
170
    size6: mdiNumeric6Box,
171
    size7: mdiNumeric7Box,
172
    font: mdiFormatFont
173
  },
174
  expansionItem: {
175
    icon: ionCaretDownOutline,
176
    denseIcon: ionCaretDownOutline
177
  },
178
  fab: {
179
    icon: ionAdd,
180
    activeIcon: ionClose
181
  },
182
  field: {
183
    clear: ionCloseCircle,
184
    error: ionAlert
185
  },
186
  pagination: {
187
    first: ionPlaySkipBackCircle,
188
    prev: ionChevronBackCircle,
189
    next: ionChevronForwardCircle,
190
    last: ionPlaySkipForwardCircle
191
  },
192
  rating: {
193
    icon: ionStar
194
  },
195
  stepper: {
196
    done: ionCheckmark,
197
    active: ionCreate,
198
    error: ionWarning
199
  },
200
  tabs: {
201
    left: ionChevronBack,
202
    right: ionChevronForward,
203
    up: ionChevronUp,
204
    down: ionChevronDown
205
  },
206
  table: {
207
    arrowUp: ionArrowUp,
208
    warning: ionWarning,
209
    firstPage: ionPlaySkipBackCircle,
210
    prevPage: ionChevronBackCircle,
211
    nextPage: ionChevronForwardCircle,
212
    lastPage: ionPlaySkipForwardCircle
213
  },
214
  tree: {
215
    icon: ionPlay
216
  },
217
  uploader: {
218
    done: ionCheckmark,
219
    clear: ionClose,
220
    add: ionAddCircle,
221
    upload: ionCloudUpload,
222
    removeQueue: ionTrash,
223
    removeUploaded: ionCheckmarkDone
224
  }
225
}
226