Uncaught TypeError: Failed to construct 'URL': Invalid base URL

[boboldehampsink]

Using Ionicons 6.0.0 with Ionic 6.0.1

[bstrasburg]

[inspire22]

Any workaround? I think this might be related to https://github.com/ionic-team/ionic-framework/issues/24480

[axsann]

You can avoid this error by using import icon and icon prop.

<script setup lang="ts">
import { IonIcon} from "@ionic/vue";
import {home} from 'ionicons/icons';
</script>

<template>
      <ion-icon :icon="home"></ion-icon>
</template>

[Hansanshi]

same problem with latest ionic

[Hansanshi]

ignore this, my code is wrong ....

[wmadden]

I'm facing this issue too using ion-toast which takes icon as a string

[CrookedGrin]

I figured out a solution for this by looking through the source code, which was that addIcons takes as an argument an object of the form {iconName: icon}, where iconName is a string and icon is the string representation of that SVG, as exported from "ionicons/icons". So to fix this, you can import all the icons and pass them into addIcons in an object. (Thanks to ES6 syntactic sugar, you don't need to include the string keys in that object, you can just use the names of the imports, so the import and export statements are symmetrical.) Because it was so long, I put all of those imports in their own module and then imported it like so:

import { addIcons } from "ionicons";
import { iconList } from "./ionicons_imports";
addIcons(iconList);

Here's the content of that file:

import {
  accessibility,
  accessibilityOutline,
  accessibilitySharp,
  add,
  addCircle,
  addCircleOutline,
  addCircleSharp,
  addOutline,
  addSharp,
  airplane,
  airplaneOutline,
  airplaneSharp,
  alarm,
  alarmOutline,
  alarmSharp,
  albums,
  albumsOutline,
  albumsSharp,
  alert,
  alertCircle,
  alertCircleOutline,
  alertCircleSharp,
  alertOutline,
  alertSharp,
  americanFootball,
  americanFootballOutline,
  americanFootballSharp,
  analytics,
  analyticsOutline,
  analyticsSharp,
  aperture,
  apertureOutline,
  apertureSharp,
  apps,
  appsOutline,
  appsSharp,
  archive,
  archiveOutline,
  archiveSharp,
  arrowBack,
  arrowBackCircle,
  arrowBackCircleOutline,
  arrowBackCircleSharp,
  arrowBackOutline,
  arrowBackSharp,
  arrowDown,
  arrowDownCircle,
  arrowDownCircleOutline,
  arrowDownCircleSharp,
  arrowDownOutline,
  arrowDownSharp,
  arrowForward,
  arrowForwardCircle,
  arrowForwardCircleOutline,
  arrowForwardCircleSharp,
  arrowForwardOutline,
  arrowForwardSharp,
  arrowRedo,
  arrowRedoCircle,
  arrowRedoCircleOutline,
  arrowRedoCircleSharp,
  arrowRedoOutline,
  arrowRedoSharp,
  arrowUndo,
  arrowUndoCircle,
  arrowUndoCircleOutline,
  arrowUndoCircleSharp,
  arrowUndoOutline,
  arrowUndoSharp,
  arrowUp,
  arrowUpCircle,
  arrowUpCircleOutline,
  arrowUpCircleSharp,
  arrowUpOutline,
  arrowUpSharp,
  at,
  atCircle,
  atCircleOutline,
  atCircleSharp,
  atOutline,
  atSharp,
  attach,
  attachOutline,
  attachSharp,
  backspace,
  backspaceOutline,
  backspaceSharp,
  bag,
  bagAdd,
  bagAddOutline,
  bagAddSharp,
  bagCheck,
  bagCheckOutline,
  bagCheckSharp,
  bagHandle,
  bagHandleOutline,
  bagHandleSharp,
  bagOutline,
  bagRemove,
  bagRemoveOutline,
  bagRemoveSharp,
  bagSharp,
  balloon,
  balloonOutline,
  balloonSharp,
  ban,
  banOutline,
  banSharp,
  bandage,
  bandageOutline,
  bandageSharp,
  barChart,
  barChartOutline,
  barChartSharp,
  barbell,
  barbellOutline,
  barbellSharp,
  barcode,
  barcodeOutline,
  barcodeSharp,
  baseball,
  baseballOutline,
  baseballSharp,
  basket,
  basketOutline,
  basketSharp,
  basketball,
  basketballOutline,
  basketballSharp,
  batteryCharging,
  batteryChargingOutline,
  batteryChargingSharp,
  batteryDead,
  batteryDeadOutline,
  batteryDeadSharp,
  batteryFull,
  batteryFullOutline,
  batteryFullSharp,
  batteryHalf,
  batteryHalfOutline,
  batteryHalfSharp,
  beaker,
  beakerOutline,
  beakerSharp,
  bed,
  bedOutline,
  bedSharp,
  beer,
  beerOutline,
  beerSharp,
  bicycle,
  bicycleOutline,
  bicycleSharp,
  bluetooth,
  bluetoothOutline,
  bluetoothSharp,
  boat,
  boatOutline,
  boatSharp,
  body,
  bodyOutline,
  bodySharp,
  bonfire,
  bonfireOutline,
  bonfireSharp,
  book,
  bookOutline,
  bookSharp,
  bookmark,
  bookmarkOutline,
  bookmarkSharp,
  bookmarks,
  bookmarksOutline,
  bookmarksSharp,
  bowlingBall,
  bowlingBallOutline,
  bowlingBallSharp,
  briefcase,
  briefcaseOutline,
  briefcaseSharp,
  browsers,
  browsersOutline,
  browsersSharp,
  brush,
  brushOutline,
  brushSharp,
  bug,
  bugOutline,
  bugSharp,
  build,
  buildOutline,
  buildSharp,
  bulb,
  bulbOutline,
  bulbSharp,
  bus,
  busOutline,
  busSharp,
  business,
  businessOutline,
  businessSharp,
  cafe,
  cafeOutline,
  cafeSharp,
  calculator,
  calculatorOutline,
  calculatorSharp,
  calendar,
  calendarClear,
  calendarClearOutline,
  calendarClearSharp,
  calendarNumber,
  calendarNumberOutline,
  calendarNumberSharp,
  calendarOutline,
  calendarSharp,
  call,
  callOutline,
  callSharp,
  camera,
  cameraOutline,
  cameraReverse,
  cameraReverseOutline,
  cameraReverseSharp,
  cameraSharp,
  car,
  carOutline,
  carSharp,
  carSport,
  carSportOutline,
  carSportSharp,
  card,
  cardOutline,
  cardSharp,
  caretBack,
  caretBackCircle,
  caretBackCircleOutline,
  caretBackCircleSharp,
  caretBackOutline,
  caretBackSharp,
  caretDown,
  caretDownCircle,
  caretDownCircleOutline,
  caretDownCircleSharp,
  caretDownOutline,
  caretDownSharp,
  caretForward,
  caretForwardCircle,
  caretForwardCircleOutline,
  caretForwardCircleSharp,
  caretForwardOutline,
  caretForwardSharp,
  caretUp,
  caretUpCircle,
  caretUpCircleOutline,
  caretUpCircleSharp,
  caretUpOutline,
  caretUpSharp,
  cart,
  cartOutline,
  cartSharp,
  cash,
  cashOutline,
  cashSharp,
  cellular,
  cellularOutline,
  cellularSharp,
  chatbox,
  chatboxEllipses,
  chatboxEllipsesOutline,
  chatboxEllipsesSharp,
  chatboxOutline,
  chatboxSharp,
  chatbubble,
  chatbubbleEllipses,
  chatbubbleEllipsesOutline,
  chatbubbleEllipsesSharp,
  chatbubbleOutline,
  chatbubbleSharp,
  chatbubbles,
  chatbubblesOutline,
  chatbubblesSharp,
  checkbox,
  checkboxOutline,
  checkboxSharp,
  checkmark,
  checkmarkCircle,
  checkmarkCircleOutline,
  checkmarkCircleSharp,
  checkmarkDone,
  checkmarkDoneCircle,
  checkmarkDoneCircleOutline,
  checkmarkDoneCircleSharp,
  checkmarkDoneOutline,
  checkmarkDoneSharp,
  checkmarkOutline,
  checkmarkSharp,
  chevronBack,
  chevronBackCircle,
  chevronBackCircleOutline,
  chevronBackCircleSharp,
  chevronBackOutline,
  chevronBackSharp,
  chevronDown,
  chevronDownCircle,
  chevronDownCircleOutline,
  chevronDownCircleSharp,
  chevronDownOutline,
  chevronDownSharp,
  chevronForward,
  chevronForwardCircle,
  chevronForwardCircleOutline,
  chevronForwardCircleSharp,
  chevronForwardOutline,
  chevronForwardSharp,
  chevronUp,
  chevronUpCircle,
  chevronUpCircleOutline,
  chevronUpCircleSharp,
  chevronUpOutline,
  chevronUpSharp,
  clipboard,
  clipboardOutline,
  clipboardSharp,
  close,
  closeCircle,
  closeCircleOutline,
  closeCircleSharp,
  closeOutline,
  closeSharp,
  cloud,
  cloudCircle,
  cloudCircleOutline,
  cloudCircleSharp,
  cloudDone,
  cloudDoneOutline,
  cloudDoneSharp,
  cloudDownload,
  cloudDownloadOutline,
  cloudDownloadSharp,
  cloudOffline,
  cloudOfflineOutline,
  cloudOfflineSharp,
  cloudOutline,
  cloudSharp,
  cloudUpload,
  cloudUploadOutline,
  cloudUploadSharp,
  cloudy,
  cloudyNight,
  cloudyNightOutline,
  cloudyNightSharp,
  cloudyOutline,
  cloudySharp,
  code,
  codeDownload,
  codeDownloadOutline,
  codeDownloadSharp,
  codeOutline,
  codeSharp,
  codeSlash,
  codeSlashOutline,
  codeSlashSharp,
  codeWorking,
  codeWorkingOutline,
  codeWorkingSharp,
  cog,
  cogOutline,
  cogSharp,
  colorFill,
  colorFillOutline,
  colorFillSharp,
  colorFilter,
  colorFilterOutline,
  colorFilterSharp,
  colorPalette,
  colorPaletteOutline,
  colorPaletteSharp,
  colorWand,
  colorWandOutline,
  colorWandSharp,
  compass,
  compassOutline,
  compassSharp,
  construct,
  constructOutline,
  constructSharp,
  contract,
  contractOutline,
  contractSharp,
  contrast,
  contrastOutline,
  contrastSharp,
  copy,
  copyOutline,
  copySharp,
  create,
  createOutline,
  createSharp,
  crop,
  cropOutline,
  cropSharp,
  cube,
  cubeOutline,
  cubeSharp,
  cut,
  cutOutline,
  cutSharp,
  desktop,
  desktopOutline,
  desktopSharp,
  diamond,
  diamondOutline,
  diamondSharp,
  dice,
  diceOutline,
  diceSharp,
  disc,
  discOutline,
  discSharp,
  document,
  documentAttach,
  documentAttachOutline,
  documentAttachSharp,
  documentLock,
  documentLockOutline,
  documentLockSharp,
  documentOutline,
  documentSharp,
  documentText,
  documentTextOutline,
  documentTextSharp,
  documents,
  documentsOutline,
  documentsSharp,
  download,
  downloadOutline,
  downloadSharp,
  duplicate,
  duplicateOutline,
  duplicateSharp,
  ear,
  earOutline,
  earSharp,
  earth,
  earthOutline,
  earthSharp,
  easel,
  easelOutline,
  easelSharp,
  egg,
  eggOutline,
  eggSharp,
  ellipse,
  ellipseOutline,
  ellipseSharp,
  ellipsisHorizontal,
  ellipsisHorizontalCircle,
  ellipsisHorizontalCircleOutline,
  ellipsisHorizontalCircleSharp,
  ellipsisHorizontalOutline,
  ellipsisHorizontalSharp,
  ellipsisVertical,
  ellipsisVerticalCircle,
  ellipsisVerticalCircleOutline,
  ellipsisVerticalCircleSharp,
  ellipsisVerticalOutline,
  ellipsisVerticalSharp,
  enter,
  enterOutline,
  enterSharp,
  exit,
  exitOutline,
  exitSharp,
  expand,
  expandOutline,
  expandSharp,
  extensionPuzzle,
  extensionPuzzleOutline,
  extensionPuzzleSharp,
  eye,
  eyeOff,
  eyeOffOutline,
  eyeOffSharp,
  eyeOutline,
  eyeSharp,
  eyedrop,
  eyedropOutline,
  eyedropSharp,
  fastFood,
  fastFoodOutline,
  fastFoodSharp,
  female,
  femaleOutline,
  femaleSharp,
  fileTray,
  fileTrayFull,
  fileTrayFullOutline,
  fileTrayFullSharp,
  fileTrayOutline,
  fileTraySharp,
  fileTrayStacked,
  fileTrayStackedOutline,
  fileTrayStackedSharp,
  film,
  filmOutline,
  filmSharp,
  filter,
  filterCircle,
  filterCircleOutline,
  filterCircleSharp,
  filterOutline,
  filterSharp,
  fingerPrint,
  fingerPrintOutline,
  fingerPrintSharp,
  fish,
  fishOutline,
  fishSharp,
  fitness,
  fitnessOutline,
  fitnessSharp,
  flag,
  flagOutline,
  flagSharp,
  flame,
  flameOutline,
  flameSharp,
  flash,
  flashOff,
  flashOffOutline,
  flashOffSharp,
  flashOutline,
  flashSharp,
  flashlight,
  flashlightOutline,
  flashlightSharp,
  flask,
  flaskOutline,
  flaskSharp,
  flower,
  flowerOutline,
  flowerSharp,
  folder,
  folderOpen,
  folderOpenOutline,
  folderOpenSharp,
  folderOutline,
  folderSharp,
  football,
  footballOutline,
  footballSharp,
  footsteps,
  footstepsOutline,
  footstepsSharp,
  funnel,
  funnelOutline,
  funnelSharp,
  gameController,
  gameControllerOutline,
  gameControllerSharp,
  gift,
  giftOutline,
  giftSharp,
  gitBranch,
  gitBranchOutline,
  gitBranchSharp,
  gitCommit,
  gitCommitOutline,
  gitCommitSharp,
  gitCompare,
  gitCompareOutline,
  gitCompareSharp,
  gitMerge,
  gitMergeOutline,
  gitMergeSharp,
  gitNetwork,
  gitNetworkOutline,
  gitNetworkSharp,
  gitPullRequest,
  gitPullRequestOutline,
  gitPullRequestSharp,
  glasses,
  glassesOutline,
  glassesSharp,
  globe,
  globeOutline,
  globeSharp,
  golf,
  golfOutline,
  golfSharp,
  grid,
  gridOutline,
  gridSharp,
  hammer,
  hammerOutline,
  hammerSharp,
  handLeft,
  handLeftOutline,
  handLeftSharp,
  handRight,
  handRightOutline,
  handRightSharp,
  happy,
  happyOutline,
  happySharp,
  hardwareChip,
  hardwareChipOutline,
  hardwareChipSharp,
  headset,
  headsetOutline,
  headsetSharp,
  heart,
  heartCircle,
  heartCircleOutline,
  heartCircleSharp,
  heartDislike,
  heartDislikeCircle,
  heartDislikeCircleOutline,
  heartDislikeCircleSharp,
  heartDislikeOutline,
  heartDislikeSharp,
  heartHalf,
  heartHalfOutline,
  heartHalfSharp,
  heartOutline,
  heartSharp,
  help,
  helpBuoy,
  helpBuoyOutline,
  helpBuoySharp,
  helpCircle,
  helpCircleOutline,
  helpCircleSharp,
  helpOutline,
  helpSharp,
  home,
  homeOutline,
  homeSharp,
  hourglass,
  hourglassOutline,
  hourglassSharp,
  iceCream,
  iceCreamOutline,
  iceCreamSharp,
  idCard,
  idCardOutline,
  idCardSharp,
  image,
  imageOutline,
  imageSharp,
  images,
  imagesOutline,
  imagesSharp,
  infinite,
  infiniteOutline,
  infiniteSharp,
  information,
  informationCircle,
  informationCircleOutline,
  informationCircleSharp,
  informationOutline,
  informationSharp,
  invertMode,
  invertModeOutline,
  invertModeSharp,
  journal,
  journalOutline,
  journalSharp,
  key,
  keyOutline,
  keySharp,
  keypad,
  keypadOutline,
  keypadSharp,
  language,
  languageOutline,
  languageSharp,
  laptop,
  laptopOutline,
  laptopSharp,
  layers,
  layersOutline,
  layersSharp,
  leaf,
  leafOutline,
  leafSharp,
  library,
  libraryOutline,
  librarySharp,
  link,
  linkOutline,
  linkSharp,
  list,
  listCircle,
  listCircleOutline,
  listCircleSharp,
  listOutline,
  listSharp,
  locate,
  locateOutline,
  locateSharp,
  location,
  locationOutline,
  locationSharp,
  lockClosed,
  lockClosedOutline,
  lockClosedSharp,
  lockOpen,
  lockOpenOutline,
  lockOpenSharp,
  logIn,
  logInOutline,
  logInSharp,
  logOut,
  logOutOutline,
  logOutSharp,
  logoAlipay,
  logoAmazon,
  logoAmplify,
  logoAndroid,
  logoAngular,
  logoApple,
  logoAppleAppstore,
  logoAppleAr,
  logoBehance,
  logoBitbucket,
  logoBitcoin,
  logoBuffer,
  logoCapacitor,
  logoChrome,
  logoClosedCaptioning,
  logoCodepen,
  logoCss3,
  logoDesignernews,
  logoDeviantart,
  logoDiscord,
  logoDocker,
  logoDribbble,
  logoDropbox,
  logoEdge,
  logoElectron,
  logoEuro,
  logoFacebook,
  logoFigma,
  logoFirebase,
  logoFirefox,
  logoFlickr,
  logoFoursquare,
  logoGithub,
  logoGitlab,
  logoGoogle,
  logoGooglePlaystore,
  logoHackernews,
  logoHtml5,
  logoInstagram,
  logoIonic,
  logoIonitron,
  logoJavascript,
  logoLaravel,
  logoLinkedin,
  logoMarkdown,
  logoMastodon,
  logoMedium,
  logoMicrosoft,
  logoNoSmoking,
  logoNodejs,
  logoNpm,
  logoOctocat,
  logoPaypal,
  logoPinterest,
  logoPlaystation,
  logoPwa,
  logoPython,
  logoReact,
  logoReddit,
  logoRss,
  logoSass,
  logoSkype,
  logoSlack,
  logoSnapchat,
  logoSoundcloud,
  logoStackoverflow,
  logoSteam,
  logoStencil,
  logoTableau,
  logoTiktok,
  logoTumblr,
  logoTux,
  logoTwitch,
  logoTwitter,
  logoUsd,
  logoVenmo,
  logoVercel,
  logoVimeo,
  logoVk,
  logoVue,
  logoWebComponent,
  logoWechat,
  logoWhatsapp,
  logoWindows,
  logoWordpress,
  logoXbox,
  logoXing,
  logoYahoo,
  logoYen,
  logoYoutube,
  magnet,
  magnetOutline,
  magnetSharp,
  mail,
  mailOpen,
  mailOpenOutline,
  mailOpenSharp,
  mailOutline,
  mailSharp,
  mailUnread,
  mailUnreadOutline,
  mailUnreadSharp,
  male,
  maleFemale,
  maleFemaleOutline,
  maleFemaleSharp,
  maleOutline,
  maleSharp,
  man,
  manOutline,
  manSharp,
  map,
  mapOutline,
  mapSharp,
  medal,
  medalOutline,
  medalSharp,
  medical,
  medicalOutline,
  medicalSharp,
  medkit,
  medkitOutline,
  medkitSharp,
  megaphone,
  megaphoneOutline,
  megaphoneSharp,
  menu,
  menuOutline,
  menuSharp,
  mic,
  micCircle,
  micCircleOutline,
  micCircleSharp,
  micOff,
  micOffCircle,
  micOffCircleOutline,
  micOffCircleSharp,
  micOffOutline,
  micOffSharp,
  micOutline,
  micSharp,
  moon,
  moonOutline,
  moonSharp,
  move,
  moveOutline,
  moveSharp,
  musicalNote,
  musicalNoteOutline,
  musicalNoteSharp,
  musicalNotes,
  musicalNotesOutline,
  musicalNotesSharp,
  navigate,
  navigateCircle,
  navigateCircleOutline,
  navigateCircleSharp,
  navigateOutline,
  navigateSharp,
  newspaper,
  newspaperOutline,
  newspaperSharp,
  notifications,
  notificationsCircle,
  notificationsCircleOutline,
  notificationsCircleSharp,
  notificationsOff,
  notificationsOffCircle,
  notificationsOffCircleOutline,
  notificationsOffCircleSharp,
  notificationsOffOutline,
  notificationsOffSharp,
  notificationsOutline,
  notificationsSharp,
  nuclear,
  nuclearOutline,
  nuclearSharp,
  nutrition,
  nutritionOutline,
  nutritionSharp,
  open,
  openOutline,
  openSharp,
  options,
  optionsOutline,
  optionsSharp,
  paperPlane,
  paperPlaneOutline,
  paperPlaneSharp,
  partlySunny,
  partlySunnyOutline,
  partlySunnySharp,
  pause,
  pauseCircle,
  pauseCircleOutline,
  pauseCircleSharp,
  pauseOutline,
  pauseSharp,
  paw,
  pawOutline,
  pawSharp,
  pencil,
  pencilOutline,
  pencilSharp,
  people,
  peopleCircle,
  peopleCircleOutline,
  peopleCircleSharp,
  peopleOutline,
  peopleSharp,
  person,
  personAdd,
  personAddOutline,
  personAddSharp,
  personCircle,
  personCircleOutline,
  personCircleSharp,
  personOutline,
  personRemove,
  personRemoveOutline,
  personRemoveSharp,
  personSharp,
  phoneLandscape,
  phoneLandscapeOutline,
  phoneLandscapeSharp,
  phonePortrait,
  phonePortraitOutline,
  phonePortraitSharp,
  pieChart,
  pieChartOutline,
  pieChartSharp,
  pin,
  pinOutline,
  pinSharp,
  pint,
  pintOutline,
  pintSharp,
  pizza,
  pizzaOutline,
  pizzaSharp,
  planet,
  planetOutline,
  planetSharp,
  play,
  playBack,
  playBackCircle,
  playBackCircleOutline,
  playBackCircleSharp,
  playBackOutline,
  playBackSharp,
  playCircle,
  playCircleOutline,
  playCircleSharp,
  playForward,
  playForwardCircle,
  playForwardCircleOutline,
  playForwardCircleSharp,
  playForwardOutline,
  playForwardSharp,
  playOutline,
  playSharp,
  playSkipBack,
  playSkipBackCircle,
  playSkipBackCircleOutline,
  playSkipBackCircleSharp,
  playSkipBackOutline,
  playSkipBackSharp,
  playSkipForward,
  playSkipForwardCircle,
  playSkipForwardCircleOutline,
  playSkipForwardCircleSharp,
  playSkipForwardOutline,
  playSkipForwardSharp,
  podium,
  podiumOutline,
  podiumSharp,
  power,
  powerOutline,
  powerSharp,
  pricetag,
  pricetagOutline,
  pricetagSharp,
  pricetags,
  pricetagsOutline,
  pricetagsSharp,
  print,
  printOutline,
  printSharp,
  prism,
  prismOutline,
  prismSharp,
  pulse,
  pulseOutline,
  pulseSharp,
  push,
  pushOutline,
  pushSharp,
  qrCode,
  qrCodeOutline,
  qrCodeSharp,
  radio,
  radioButtonOff,
  radioButtonOffOutline,
  radioButtonOffSharp,
  radioButtonOn,
  radioButtonOnOutline,
  radioButtonOnSharp,
  radioOutline,
  radioSharp,
  rainy,
  rainyOutline,
  rainySharp,
  reader,
  readerOutline,
  readerSharp,
  receipt,
  receiptOutline,
  receiptSharp,
  recording,
  recordingOutline,
  recordingSharp,
  refresh,
  refreshCircle,
  refreshCircleOutline,
  refreshCircleSharp,
  refreshOutline,
  refreshSharp,
  reload,
  reloadCircle,
  reloadCircleOutline,
  reloadCircleSharp,
  reloadOutline,
  reloadSharp,
  remove,
  removeCircle,
  removeCircleOutline,
  removeCircleSharp,
  removeOutline,
  removeSharp,
  reorderFour,
  reorderFourOutline,
  reorderFourSharp,
  reorderThree,
  reorderThreeOutline,
  reorderThreeSharp,
  reorderTwo,
  reorderTwoOutline,
  reorderTwoSharp,
  repeat,
  repeatOutline,
  repeatSharp,
  resize,
  resizeOutline,
  resizeSharp,
  restaurant,
  restaurantOutline,
  restaurantSharp,
  returnDownBack,
  returnDownBackOutline,
  returnDownBackSharp,
  returnDownForward,
  returnDownForwardOutline,
  returnDownForwardSharp,
  returnUpBack,
  returnUpBackOutline,
  returnUpBackSharp,
  returnUpForward,
  returnUpForwardOutline,
  returnUpForwardSharp,
  ribbon,
  ribbonOutline,
  ribbonSharp,
  rocket,
  rocketOutline,
  rocketSharp,
  rose,
  roseOutline,
  roseSharp,
  sad,
  sadOutline,
  sadSharp,
  save,
  saveOutline,
  saveSharp,
  scale,
  scaleOutline,
  scaleSharp,
  scan,
  scanCircle,
  scanCircleOutline,
  scanCircleSharp,
  scanOutline,
  scanSharp,
  school,
  schoolOutline,
  schoolSharp,
  search,
  searchCircle,
  searchCircleOutline,
  searchCircleSharp,
  searchOutline,
  searchSharp,
  send,
  sendOutline,
  sendSharp,
  server,
  serverOutline,
  serverSharp,
  settings,
  settingsOutline,
  settingsSharp,
  shapes,
  shapesOutline,
  shapesSharp,
  share,
  shareOutline,
  shareSharp,
  shareSocial,
  shareSocialOutline,
  shareSocialSharp,
  shield,
  shieldCheckmark,
  shieldCheckmarkOutline,
  shieldCheckmarkSharp,
  shieldHalf,
  shieldHalfOutline,
  shieldHalfSharp,
  shieldOutline,
  shieldSharp,
  shirt,
  shirtOutline,
  shirtSharp,
  shuffle,
  shuffleOutline,
  shuffleSharp,
  skull,
  skullOutline,
  skullSharp,
  snow,
  snowOutline,
  snowSharp,
  sparkles,
  sparklesOutline,
  sparklesSharp,
  speedometer,
  speedometerOutline,
  speedometerSharp,
  square,
  squareOutline,
  squareSharp,
  star,
  starHalf,
  starHalfOutline,
  starHalfSharp,
  starOutline,
  starSharp,
  statsChart,
  statsChartOutline,
  statsChartSharp,
  stop,
  stopCircle,
  stopCircleOutline,
  stopCircleSharp,
  stopOutline,
  stopSharp,
  stopwatch,
  stopwatchOutline,
  stopwatchSharp,
  storefront,
  storefrontOutline,
  storefrontSharp,
  subway,
  subwayOutline,
  subwaySharp,
  sunny,
  sunnyOutline,
  sunnySharp,
  swapHorizontal,
  swapHorizontalOutline,
  swapHorizontalSharp,
  swapVertical,
  swapVerticalOutline,
  swapVerticalSharp,
  sync,
  syncCircle,
  syncCircleOutline,
  syncCircleSharp,
  syncOutline,
  syncSharp,
  tabletLandscape,
  tabletLandscapeOutline,
  tabletLandscapeSharp,
  tabletPortrait,
  tabletPortraitOutline,
  tabletPortraitSharp,
  telescope,
  telescopeOutline,
  telescopeSharp,
  tennisball,
  tennisballOutline,
  tennisballSharp,
  terminal,
  terminalOutline,
  terminalSharp,
  text,
  textOutline,
  textSharp,
  thermometer,
  thermometerOutline,
  thermometerSharp,
  thumbsDown,
  thumbsDownOutline,
  thumbsDownSharp,
  thumbsUp,
  thumbsUpOutline,
  thumbsUpSharp,
  thunderstorm,
  thunderstormOutline,
  thunderstormSharp,
  ticket,
  ticketOutline,
  ticketSharp,
  time,
  timeOutline,
  timeSharp,
  timer,
  timerOutline,
  timerSharp,
  today,
  todayOutline,
  todaySharp,
  toggle,
  toggleOutline,
  toggleSharp,
  trailSign,
  trailSignOutline,
  trailSignSharp,
  train,
  trainOutline,
  trainSharp,
  transgender,
  transgenderOutline,
  transgenderSharp,
  trash,
  trashBin,
  trashBinOutline,
  trashBinSharp,
  trashOutline,
  trashSharp,
  trendingDown,
  trendingDownOutline,
  trendingDownSharp,
  trendingUp,
  trendingUpOutline,
  trendingUpSharp,
  triangle,
  triangleOutline,
  triangleSharp,
  trophy,
  trophyOutline,
  trophySharp,
  tv,
  tvOutline,
  tvSharp,
  umbrella,
  umbrellaOutline,
  umbrellaSharp,
  unlink,
  unlinkOutline,
  unlinkSharp,
  videocam,
  videocamOff,
  videocamOffOutline,
  videocamOffSharp,
  videocamOutline,
  videocamSharp,
  volumeHigh,
  volumeHighOutline,
  volumeHighSharp,
  volumeLow,
  volumeLowOutline,
  volumeLowSharp,
  volumeMedium,
  volumeMediumOutline,
  volumeMediumSharp,
  volumeMute,
  volumeMuteOutline,
  volumeMuteSharp,
  volumeOff,
  volumeOffOutline,
  volumeOffSharp,
  walk,
  walkOutline,
  walkSharp,
  wallet,
  walletOutline,
  walletSharp,
  warning,
  warningOutline,
  warningSharp,
  watch,
  watchOutline,
  watchSharp,
  water,
  waterOutline,
  waterSharp,
  wifi,
  wifiOutline,
  wifiSharp,
  wine,
  wineOutline,
  wineSharp,
  woman,
  womanOutline,
  womanSharp
} from "ionicons/icons";

export const iconList = {
  accessibility,
  accessibilityOutline,
  accessibilitySharp,
  add,
  addCircle,
  addCircleOutline,
  addCircleSharp,
  addOutline,
  addSharp,
  airplane,
  airplaneOutline,
  airplaneSharp,
  alarm,
  alarmOutline,
  alarmSharp,
  albums,
  albumsOutline,
  albumsSharp,
  alert,
  alertCircle,
  alertCircleOutline,
  alertCircleSharp,
  alertOutline,
  alertSharp,
  americanFootball,
  americanFootballOutline,
  americanFootballSharp,
  analytics,
  analyticsOutline,
  analyticsSharp,
  aperture,
  apertureOutline,
  apertureSharp,
  apps,
  appsOutline,
  appsSharp,
  archive,
  archiveOutline,
  archiveSharp,
  arrowBack,
  arrowBackCircle,
  arrowBackCircleOutline,
  arrowBackCircleSharp,
  arrowBackOutline,
  arrowBackSharp,
  arrowDown,
  arrowDownCircle,
  arrowDownCircleOutline,
  arrowDownCircleSharp,
  arrowDownOutline,
  arrowDownSharp,
  arrowForward,
  arrowForwardCircle,
  arrowForwardCircleOutline,
  arrowForwardCircleSharp,
  arrowForwardOutline,
  arrowForwardSharp,
  arrowRedo,
  arrowRedoCircle,
  arrowRedoCircleOutline,
  arrowRedoCircleSharp,
  arrowRedoOutline,
  arrowRedoSharp,
  arrowUndo,
  arrowUndoCircle,
  arrowUndoCircleOutline,
  arrowUndoCircleSharp,
  arrowUndoOutline,
  arrowUndoSharp,
  arrowUp,
  arrowUpCircle,
  arrowUpCircleOutline,
  arrowUpCircleSharp,
  arrowUpOutline,
  arrowUpSharp,
  at,
  atCircle,
  atCircleOutline,
  atCircleSharp,
  atOutline,
  atSharp,
  attach,
  attachOutline,
  attachSharp,
  backspace,
  backspaceOutline,
  backspaceSharp,
  bag,
  bagAdd,
  bagAddOutline,
  bagAddSharp,
  bagCheck,
  bagCheckOutline,
  bagCheckSharp,
  bagHandle,
  bagHandleOutline,
  bagHandleSharp,
  bagOutline,
  bagRemove,
  bagRemoveOutline,
  bagRemoveSharp,
  bagSharp,
  balloon,
  balloonOutline,
  balloonSharp,
  ban,
  banOutline,
  banSharp,
  bandage,
  bandageOutline,
  bandageSharp,
  barChart,
  barChartOutline,
  barChartSharp,
  barbell,
  barbellOutline,
  barbellSharp,
  barcode,
  barcodeOutline,
  barcodeSharp,
  baseball,
  baseballOutline,
  baseballSharp,
  basket,
  basketOutline,
  basketSharp,
  basketball,
  basketballOutline,
  basketballSharp,
  batteryCharging,
  batteryChargingOutline,
  batteryChargingSharp,
  batteryDead,
  batteryDeadOutline,
  batteryDeadSharp,
  batteryFull,
  batteryFullOutline,
  batteryFullSharp,
  batteryHalf,
  batteryHalfOutline,
  batteryHalfSharp,
  beaker,
  beakerOutline,
  beakerSharp,
  bed,
  bedOutline,
  bedSharp,
  beer,
  beerOutline,
  beerSharp,
  bicycle,
  bicycleOutline,
  bicycleSharp,
  bluetooth,
  bluetoothOutline,
  bluetoothSharp,
  boat,
  boatOutline,
  boatSharp,
  body,
  bodyOutline,
  bodySharp,
  bonfire,
  bonfireOutline,
  bonfireSharp,
  book,
  bookOutline,
  bookSharp,
  bookmark,
  bookmarkOutline,
  bookmarkSharp,
  bookmarks,
  bookmarksOutline,
  bookmarksSharp,
  bowlingBall,
  bowlingBallOutline,
  bowlingBallSharp,
  briefcase,
  briefcaseOutline,
  briefcaseSharp,
  browsers,
  browsersOutline,
  browsersSharp,
  brush,
  brushOutline,
  brushSharp,
  bug,
  bugOutline,
  bugSharp,
  build,
  buildOutline,
  buildSharp,
  bulb,
  bulbOutline,
  bulbSharp,
  bus,
  busOutline,
  busSharp,
  business,
  businessOutline,
  businessSharp,
  cafe,
  cafeOutline,
  cafeSharp,
  calculator,
  calculatorOutline,
  calculatorSharp,
  calendar,
  calendarClear,
  calendarClearOutline,
  calendarClearSharp,
  calendarNumber,
  calendarNumberOutline,
  calendarNumberSharp,
  calendarOutline,
  calendarSharp,
  call,
  callOutline,
  callSharp,
  camera,
  cameraOutline,
  cameraReverse,
  cameraReverseOutline,
  cameraReverseSharp,
  cameraSharp,
  car,
  carOutline,
  carSharp,
  carSport,
  carSportOutline,
  carSportSharp,
  card,
  cardOutline,
  cardSharp,
  caretBack,
  caretBackCircle,
  caretBackCircleOutline,
  caretBackCircleSharp,
  caretBackOutline,
  caretBackSharp,
  caretDown,
  caretDownCircle,
  caretDownCircleOutline,
  caretDownCircleSharp,
  caretDownOutline,
  caretDownSharp,
  caretForward,
  caretForwardCircle,
  caretForwardCircleOutline,
  caretForwardCircleSharp,
  caretForwardOutline,
  caretForwardSharp,
  caretUp,
  caretUpCircle,
  caretUpCircleOutline,
  caretUpCircleSharp,
  caretUpOutline,
  caretUpSharp,
  cart,
  cartOutline,
  cartSharp,
  cash,
  cashOutline,
  cashSharp,
  cellular,
  cellularOutline,
  cellularSharp,
  chatbox,
  chatboxEllipses,
  chatboxEllipsesOutline,
  chatboxEllipsesSharp,
  chatboxOutline,
  chatboxSharp,
  chatbubble,
  chatbubbleEllipses,
  chatbubbleEllipsesOutline,
  chatbubbleEllipsesSharp,
  chatbubbleOutline,
  chatbubbleSharp,
  chatbubbles,
  chatbubblesOutline,
  chatbubblesSharp,
  checkbox,
  checkboxOutline,
  checkboxSharp,
  checkmark,
  checkmarkCircle,
  checkmarkCircleOutline,
  checkmarkCircleSharp,
  checkmarkDone,
  checkmarkDoneCircle,
  checkmarkDoneCircleOutline,
  checkmarkDoneCircleSharp,
  checkmarkDoneOutline,
  checkmarkDoneSharp,
  checkmarkOutline,
  checkmarkSharp,
  chevronBack,
  chevronBackCircle,
  chevronBackCircleOutline,
  chevronBackCircleSharp,
  chevronBackOutline,
  chevronBackSharp,
  chevronDown,
  chevronDownCircle,
  chevronDownCircleOutline,
  chevronDownCircleSharp,
  chevronDownOutline,
  chevronDownSharp,
  chevronForward,
  chevronForwardCircle,
  chevronForwardCircleOutline,
  chevronForwardCircleSharp,
  chevronForwardOutline,
  chevronForwardSharp,
  chevronUp,
  chevronUpCircle,
  chevronUpCircleOutline,
  chevronUpCircleSharp,
  chevronUpOutline,
  chevronUpSharp,
  clipboard,
  clipboardOutline,
  clipboardSharp,
  close,
  closeCircle,
  closeCircleOutline,
  closeCircleSharp,
  closeOutline,
  closeSharp,
  cloud,
  cloudCircle,
  cloudCircleOutline,
  cloudCircleSharp,
  cloudDone,
  cloudDoneOutline,
  cloudDoneSharp,
  cloudDownload,
  cloudDownloadOutline,
  cloudDownloadSharp,
  cloudOffline,
  cloudOfflineOutline,
  cloudOfflineSharp,
  cloudOutline,
  cloudSharp,
  cloudUpload,
  cloudUploadOutline,
  cloudUploadSharp,
  cloudy,
  cloudyNight,
  cloudyNightOutline,
  cloudyNightSharp,
  cloudyOutline,
  cloudySharp,
  code,
  codeDownload,
  codeDownloadOutline,
  codeDownloadSharp,
  codeOutline,
  codeSharp,
  codeSlash,
  codeSlashOutline,
  codeSlashSharp,
  codeWorking,
  codeWorkingOutline,
  codeWorkingSharp,
  cog,
  cogOutline,
  cogSharp,
  colorFill,
  colorFillOutline,
  colorFillSharp,
  colorFilter,
  colorFilterOutline,
  colorFilterSharp,
  colorPalette,
  colorPaletteOutline,
  colorPaletteSharp,
  colorWand,
  colorWandOutline,
  colorWandSharp,
  compass,
  compassOutline,
  compassSharp,
  construct,
  constructOutline,
  constructSharp,
  contract,
  contractOutline,
  contractSharp,
  contrast,
  contrastOutline,
  contrastSharp,
  copy,
  copyOutline,
  copySharp,
  create,
  createOutline,
  createSharp,
  crop,
  cropOutline,
  cropSharp,
  cube,
  cubeOutline,
  cubeSharp,
  cut,
  cutOutline,
  cutSharp,
  desktop,
  desktopOutline,
  desktopSharp,
  diamond,
  diamondOutline,
  diamondSharp,
  dice,
  diceOutline,
  diceSharp,
  disc,
  discOutline,
  discSharp,
  document,
  documentAttach,
  documentAttachOutline,
  documentAttachSharp,
  documentLock,
  documentLockOutline,
  documentLockSharp,
  documentOutline,
  documentSharp,
  documentText,
  documentTextOutline,
  documentTextSharp,
  documents,
  documentsOutline,
  documentsSharp,
  download,
  downloadOutline,
  downloadSharp,
  duplicate,
  duplicateOutline,
  duplicateSharp,
  ear,
  earOutline,
  earSharp,
  earth,
  earthOutline,
  earthSharp,
  easel,
  easelOutline,
  easelSharp,
  egg,
  eggOutline,
  eggSharp,
  ellipse,
  ellipseOutline,
  ellipseSharp,
  ellipsisHorizontal,
  ellipsisHorizontalCircle,
  ellipsisHorizontalCircleOutline,
  ellipsisHorizontalCircleSharp,
  ellipsisHorizontalOutline,
  ellipsisHorizontalSharp,
  ellipsisVertical,
  ellipsisVerticalCircle,
  ellipsisVerticalCircleOutline,
  ellipsisVerticalCircleSharp,
  ellipsisVerticalOutline,
  ellipsisVerticalSharp,
  enter,
  enterOutline,
  enterSharp,
  exit,
  exitOutline,
  exitSharp,
  expand,
  expandOutline,
  expandSharp,
  extensionPuzzle,
  extensionPuzzleOutline,
  extensionPuzzleSharp,
  eye,
  eyeOff,
  eyeOffOutline,
  eyeOffSharp,
  eyeOutline,
  eyeSharp,
  eyedrop,
  eyedropOutline,
  eyedropSharp,
  fastFood,
  fastFoodOutline,
  fastFoodSharp,
  female,
  femaleOutline,
  femaleSharp,
  fileTray,
  fileTrayFull,
  fileTrayFullOutline,
  fileTrayFullSharp,
  fileTrayOutline,
  fileTraySharp,
  fileTrayStacked,
  fileTrayStackedOutline,
  fileTrayStackedSharp,
  film,
  filmOutline,
  filmSharp,
  filter,
  filterCircle,
  filterCircleOutline,
  filterCircleSharp,
  filterOutline,
  filterSharp,
  fingerPrint,
  fingerPrintOutline,
  fingerPrintSharp,
  fish,
  fishOutline,
  fishSharp,
  fitness,
  fitnessOutline,
  fitnessSharp,
  flag,
  flagOutline,
  flagSharp,
  flame,
  flameOutline,
  flameSharp,
  flash,
  flashOff,
  flashOffOutline,
  flashOffSharp,
  flashOutline,
  flashSharp,
  flashlight,
  flashlightOutline,
  flashlightSharp,
  flask,
  flaskOutline,
  flaskSharp,
  flower,
  flowerOutline,
  flowerSharp,
  folder,
  folderOpen,
  folderOpenOutline,
  folderOpenSharp,
  folderOutline,
  folderSharp,
  football,
  footballOutline,
  footballSharp,
  footsteps,
  footstepsOutline,
  footstepsSharp,
  funnel,
  funnelOutline,
  funnelSharp,
  gameController,
  gameControllerOutline,
  gameControllerSharp,
  gift,
  giftOutline,
  giftSharp,
  gitBranch,
  gitBranchOutline,
  gitBranchSharp,
  gitCommit,
  gitCommitOutline,
  gitCommitSharp,
  gitCompare,
  gitCompareOutline,
  gitCompareSharp,
  gitMerge,
  gitMergeOutline,
  gitMergeSharp,
  gitNetwork,
  gitNetworkOutline,
  gitNetworkSharp,
  gitPullRequest,
  gitPullRequestOutline,
  gitPullRequestSharp,
  glasses,
  glassesOutline,
  glassesSharp,
  globe,
  globeOutline,
  globeSharp,
  golf,
  golfOutline,
  golfSharp,
  grid,
  gridOutline,
  gridSharp,
  hammer,
  hammerOutline,
  hammerSharp,
  handLeft,
  handLeftOutline,
  handLeftSharp,
  handRight,
  handRightOutline,
  handRightSharp,
  happy,
  happyOutline,
  happySharp,
  hardwareChip,
  hardwareChipOutline,
  hardwareChipSharp,
  headset,
  headsetOutline,
  headsetSharp,
  heart,
  heartCircle,
  heartCircleOutline,
  heartCircleSharp,
  heartDislike,
  heartDislikeCircle,
  heartDislikeCircleOutline,
  heartDislikeCircleSharp,
  heartDislikeOutline,
  heartDislikeSharp,
  heartHalf,
  heartHalfOutline,
  heartHalfSharp,
  heartOutline,
  heartSharp,
  help,
  helpBuoy,
  helpBuoyOutline,
  helpBuoySharp,
  helpCircle,
  helpCircleOutline,
  helpCircleSharp,
  helpOutline,
  helpSharp,
  home,
  homeOutline,
  homeSharp,
  hourglass,
  hourglassOutline,
  hourglassSharp,
  iceCream,
  iceCreamOutline,
  iceCreamSharp,
  idCard,
  idCardOutline,
  idCardSharp,
  image,
  imageOutline,
  imageSharp,
  images,
  imagesOutline,
  imagesSharp,
  infinite,
  infiniteOutline,
  infiniteSharp,
  information,
  informationCircle,
  informationCircleOutline,
  informationCircleSharp,
  informationOutline,
  informationSharp,
  invertMode,
  invertModeOutline,
  invertModeSharp,
  journal,
  journalOutline,
  journalSharp,
  key,
  keyOutline,
  keySharp,
  keypad,
  keypadOutline,
  keypadSharp,
  language,
  languageOutline,
  languageSharp,
  laptop,
  laptopOutline,
  laptopSharp,
  layers,
  layersOutline,
  layersSharp,
  leaf,
  leafOutline,
  leafSharp,
  library,
  libraryOutline,
  librarySharp,
  link,
  linkOutline,
  linkSharp,
  list,
  listCircle,
  listCircleOutline,
  listCircleSharp,
  listOutline,
  listSharp,
  locate,
  locateOutline,
  locateSharp,
  location,
  locationOutline,
  locationSharp,
  lockClosed,
  lockClosedOutline,
  lockClosedSharp,
  lockOpen,
  lockOpenOutline,
  lockOpenSharp,
  logIn,
  logInOutline,
  logInSharp,
  logOut,
  logOutOutline,
  logOutSharp,
  logoAlipay,
  logoAmazon,
  logoAmplify,
  logoAndroid,
  logoAngular,
  logoApple,
  logoAppleAppstore,
  logoAppleAr,
  logoBehance,
  logoBitbucket,
  logoBitcoin,
  logoBuffer,
  logoCapacitor,
  logoChrome,
  logoClosedCaptioning,
  logoCodepen,
  logoCss3,
  logoDesignernews,
  logoDeviantart,
  logoDiscord,
  logoDocker,
  logoDribbble,
  logoDropbox,
  logoEdge,
  logoElectron,
  logoEuro,
  logoFacebook,
  logoFigma,
  logoFirebase,
  logoFirefox,
  logoFlickr,
  logoFoursquare,
  logoGithub,
  logoGitlab,
  logoGoogle,
  logoGooglePlaystore,
  logoHackernews,
  logoHtml5,
  logoInstagram,
  logoIonic,
  logoIonitron,
  logoJavascript,
  logoLaravel,
  logoLinkedin,
  logoMarkdown,
  logoMastodon,
  logoMedium,
  logoMicrosoft,
  logoNoSmoking,
  logoNodejs,
  logoNpm,
  logoOctocat,
  logoPaypal,
  logoPinterest,
  logoPlaystation,
  logoPwa,
  logoPython,
  logoReact,
  logoReddit,
  logoRss,
  logoSass,
  logoSkype,
  logoSlack,
  logoSnapchat,
  logoSoundcloud,
  logoStackoverflow,
  logoSteam,
  logoStencil,
  logoTableau,
  logoTiktok,
  logoTumblr,
  logoTux,
  logoTwitch,
  logoTwitter,
  logoUsd,
  logoVenmo,
  logoVercel,
  logoVimeo,
  logoVk,
  logoVue,
  logoWebComponent,
  logoWechat,
  logoWhatsapp,
  logoWindows,
  logoWordpress,
  logoXbox,
  logoXing,
  logoYahoo,
  logoYen,
  logoYoutube,
  magnet,
  magnetOutline,
  magnetSharp,
  mail,
  mailOpen,
  mailOpenOutline,
  mailOpenSharp,
  mailOutline,
  mailSharp,
  mailUnread,
  mailUnreadOutline,
  mailUnreadSharp,
  male,
  maleFemale,
  maleFemaleOutline,
  maleFemaleSharp,
  maleOutline,
  maleSharp,
  man,
  manOutline,
  manSharp,
  map,
  mapOutline,
  mapSharp,
  medal,
  medalOutline,
  medalSharp,
  medical,
  medicalOutline,
  medicalSharp,
  medkit,
  medkitOutline,
  medkitSharp,
  megaphone,
  megaphoneOutline,
  megaphoneSharp,
  menu,
  menuOutline,
  menuSharp,
  mic,
  micCircle,
  micCircleOutline,
  micCircleSharp,
  micOff,
  micOffCircle,
  micOffCircleOutline,
  micOffCircleSharp,
  micOffOutline,
  micOffSharp,
  micOutline,
  micSharp,
  moon,
  moonOutline,
  moonSharp,
  move,
  moveOutline,
  moveSharp,
  musicalNote,
  musicalNoteOutline,
  musicalNoteSharp,
  musicalNotes,
  musicalNotesOutline,
  musicalNotesSharp,
  navigate,
  navigateCircle,
  navigateCircleOutline,
  navigateCircleSharp,
  navigateOutline,
  navigateSharp,
  newspaper,
  newspaperOutline,
  newspaperSharp,
  notifications,
  notificationsCircle,
  notificationsCircleOutline,
  notificationsCircleSharp,
  notificationsOff,
  notificationsOffCircle,
  notificationsOffCircleOutline,
  notificationsOffCircleSharp,
  notificationsOffOutline,
  notificationsOffSharp,
  notificationsOutline,
  notificationsSharp,
  nuclear,
  nuclearOutline,
  nuclearSharp,
  nutrition,
  nutritionOutline,
  nutritionSharp,
  open,
  openOutline,
  openSharp,
  options,
  optionsOutline,
  optionsSharp,
  paperPlane,
  paperPlaneOutline,
  paperPlaneSharp,
  partlySunny,
  partlySunnyOutline,
  partlySunnySharp,
  pause,
  pauseCircle,
  pauseCircleOutline,
  pauseCircleSharp,
  pauseOutline,
  pauseSharp,
  paw,
  pawOutline,
  pawSharp,
  pencil,
  pencilOutline,
  pencilSharp,
  people,
  peopleCircle,
  peopleCircleOutline,
  peopleCircleSharp,
  peopleOutline,
  peopleSharp,
  person,
  personAdd,
  personAddOutline,
  personAddSharp,
  personCircle,
  personCircleOutline,
  personCircleSharp,
  personOutline,
  personRemove,
  personRemoveOutline,
  personRemoveSharp,
  personSharp,
  phoneLandscape,
  phoneLandscapeOutline,
  phoneLandscapeSharp,
  phonePortrait,
  phonePortraitOutline,
  phonePortraitSharp,
  pieChart,
  pieChartOutline,
  pieChartSharp,
  pin,
  pinOutline,
  pinSharp,
  pint,
  pintOutline,
  pintSharp,
  pizza,
  pizzaOutline,
  pizzaSharp,
  planet,
  planetOutline,
  planetSharp,
  play,
  playBack,
  playBackCircle,
  playBackCircleOutline,
  playBackCircleSharp,
  playBackOutline,
  playBackSharp,
  playCircle,
  playCircleOutline,
  playCircleSharp,
  playForward,
  playForwardCircle,
  playForwardCircleOutline,
  playForwardCircleSharp,
  playForwardOutline,
  playForwardSharp,
  playOutline,
  playSharp,
  playSkipBack,
  playSkipBackCircle,
  playSkipBackCircleOutline,
  playSkipBackCircleSharp,
  playSkipBackOutline,
  playSkipBackSharp,
  playSkipForward,
  playSkipForwardCircle,
  playSkipForwardCircleOutline,
  playSkipForwardCircleSharp,
  playSkipForwardOutline,
  playSkipForwardSharp,
  podium,
  podiumOutline,
  podiumSharp,
  power,
  powerOutline,
  powerSharp,
  pricetag,
  pricetagOutline,
  pricetagSharp,
  pricetags,
  pricetagsOutline,
  pricetagsSharp,
  print,
  printOutline,
  printSharp,
  prism,
  prismOutline,
  prismSharp,
  pulse,
  pulseOutline,
  pulseSharp,
  push,
  pushOutline,
  pushSharp,
  qrCode,
  qrCodeOutline,
  qrCodeSharp,
  radio,
  radioButtonOff,
  radioButtonOffOutline,
  radioButtonOffSharp,
  radioButtonOn,
  radioButtonOnOutline,
  radioButtonOnSharp,
  radioOutline,
  radioSharp,
  rainy,
  rainyOutline,
  rainySharp,
  reader,
  readerOutline,
  readerSharp,
  receipt,
  receiptOutline,
  receiptSharp,
  recording,
  recordingOutline,
  recordingSharp,
  refresh,
  refreshCircle,
  refreshCircleOutline,
  refreshCircleSharp,
  refreshOutline,
  refreshSharp,
  reload,
  reloadCircle,
  reloadCircleOutline,
  reloadCircleSharp,
  reloadOutline,
  reloadSharp,
  remove,
  removeCircle,
  removeCircleOutline,
  removeCircleSharp,
  removeOutline,
  removeSharp,
  reorderFour,
  reorderFourOutline,
  reorderFourSharp,
  reorderThree,
  reorderThreeOutline,
  reorderThreeSharp,
  reorderTwo,
  reorderTwoOutline,
  reorderTwoSharp,
  repeat,
  repeatOutline,
  repeatSharp,
  resize,
  resizeOutline,
  resizeSharp,
  restaurant,
  restaurantOutline,
  restaurantSharp,
  returnDownBack,
  returnDownBackOutline,
  returnDownBackSharp,
  returnDownForward,
  returnDownForwardOutline,
  returnDownForwardSharp,
  returnUpBack,
  returnUpBackOutline,
  returnUpBackSharp,
  returnUpForward,
  returnUpForwardOutline,
  returnUpForwardSharp,
  ribbon,
  ribbonOutline,
  ribbonSharp,
  rocket,
  rocketOutline,
  rocketSharp,
  rose,
  roseOutline,
  roseSharp,
  sad,
  sadOutline,
  sadSharp,
  save,
  saveOutline,
  saveSharp,
  scale,
  scaleOutline,
  scaleSharp,
  scan,
  scanCircle,
  scanCircleOutline,
  scanCircleSharp,
  scanOutline,
  scanSharp,
  school,
  schoolOutline,
  schoolSharp,
  search,
  searchCircle,
  searchCircleOutline,
  searchCircleSharp,
  searchOutline,
  searchSharp,
  send,
  sendOutline,
  sendSharp,
  server,
  serverOutline,
  serverSharp,
  settings,
  settingsOutline,
  settingsSharp,
  shapes,
  shapesOutline,
  shapesSharp,
  share,
  shareOutline,
  shareSharp,
  shareSocial,
  shareSocialOutline,
  shareSocialSharp,
  shield,
  shieldCheckmark,
  shieldCheckmarkOutline,
  shieldCheckmarkSharp,
  shieldHalf,
  shieldHalfOutline,
  shieldHalfSharp,
  shieldOutline,
  shieldSharp,
  shirt,
  shirtOutline,
  shirtSharp,
  shuffle,
  shuffleOutline,
  shuffleSharp,
  skull,
  skullOutline,
  skullSharp,
  snow,
  snowOutline,
  snowSharp,
  sparkles,
  sparklesOutline,
  sparklesSharp,
  speedometer,
  speedometerOutline,
  speedometerSharp,
  square,
  squareOutline,
  squareSharp,
  star,
  starHalf,
  starHalfOutline,
  starHalfSharp,
  starOutline,
  starSharp,
  statsChart,
  statsChartOutline,
  statsChartSharp,
  stop,
  stopCircle,
  stopCircleOutline,
  stopCircleSharp,
  stopOutline,
  stopSharp,
  stopwatch,
  stopwatchOutline,
  stopwatchSharp,
  storefront,
  storefrontOutline,
  storefrontSharp,
  subway,
  subwayOutline,
  subwaySharp,
  sunny,
  sunnyOutline,
  sunnySharp,
  swapHorizontal,
  swapHorizontalOutline,
  swapHorizontalSharp,
  swapVertical,
  swapVerticalOutline,
  swapVerticalSharp,
  sync,
  syncCircle,
  syncCircleOutline,
  syncCircleSharp,
  syncOutline,
  syncSharp,
  tabletLandscape,
  tabletLandscapeOutline,
  tabletLandscapeSharp,
  tabletPortrait,
  tabletPortraitOutline,
  tabletPortraitSharp,
  telescope,
  telescopeOutline,
  telescopeSharp,
  tennisball,
  tennisballOutline,
  tennisballSharp,
  terminal,
  terminalOutline,
  terminalSharp,
  text,
  textOutline,
  textSharp,
  thermometer,
  thermometerOutline,
  thermometerSharp,
  thumbsDown,
  thumbsDownOutline,
  thumbsDownSharp,
  thumbsUp,
  thumbsUpOutline,
  thumbsUpSharp,
  thunderstorm,
  thunderstormOutline,
  thunderstormSharp,
  ticket,
  ticketOutline,
  ticketSharp,
  time,
  timeOutline,
  timeSharp,
  timer,
  timerOutline,
  timerSharp,
  today,
  todayOutline,
  todaySharp,
  toggle,
  toggleOutline,
  toggleSharp,
  trailSign,
  trailSignOutline,
  trailSignSharp,
  train,
  trainOutline,
  trainSharp,
  transgender,
  transgenderOutline,
  transgenderSharp,
  trash,
  trashBin,
  trashBinOutline,
  trashBinSharp,
  trashOutline,
  trashSharp,
  trendingDown,
  trendingDownOutline,
  trendingDownSharp,
  trendingUp,
  trendingUpOutline,
  trendingUpSharp,
  triangle,
  triangleOutline,
  triangleSharp,
  trophy,
  trophyOutline,
  trophySharp,
  tv,
  tvOutline,
  tvSharp,
  umbrella,
  umbrellaOutline,
  umbrellaSharp,
  unlink,
  unlinkOutline,
  unlinkSharp,
  videocam,
  videocamOff,
  videocamOffOutline,
  videocamOffSharp,
  videocamOutline,
  videocamSharp,
  volumeHigh,
  volumeHighOutline,
  volumeHighSharp,
  volumeLow,
  volumeLowOutline,
  volumeLowSharp,
  volumeMedium,
  volumeMediumOutline,
  volumeMediumSharp,
  volumeMute,
  volumeMuteOutline,
  volumeMuteSharp,
  volumeOff,
  volumeOffOutline,
  volumeOffSharp,
  walk,
  walkOutline,
  walkSharp,
  wallet,
  walletOutline,
  walletSharp,
  warning,
  warningOutline,
  warningSharp,
  watch,
  watchOutline,
  watchSharp,
  water,
  waterOutline,
  waterSharp,
  wifi,
  wifiOutline,
  wifiSharp,
  wine,
  wineOutline,
  wineSharp,
  woman,
  womanOutline,
  womanSharp
};

[Amatewasu]

I solved it by filing the icon property instead of the name property.

Here's my code that was not working: (react)

import { IonIcon } from '@ionic/react';

<IonIcon name="heart"></IonIcon>

Here's my code that works:

import { IonIcon } from '@ionic/react';
import { heart } from 'ionicons/icons';

<IonIcon icon={heart}></IonIcon>

[terracottasword]

Wow, shocked that this has been open for a year.

My coworker and I found a simpler workaround for this while upgrading our app.

In your store definition:

import * as icons from 'ionicons/icons';

const useStore = defineStore('main', {
    ...
    getters: {
        icons: () => icons,
        ...
    },
    ...
}

In every page:

...
<ion-icon :icon="icons.options"></ion-icon>
...

<script>
export default defineComponent({
    ...
    computed: {
        ...mapState(useStore, ['icons']),
    },
    ...
});

[acarlstein]

You can avoid this error by using import icon and icon prop.

<script setup lang="ts">
import { IonIcon} from "@ionic/vue";
import {home} from 'ionicons/icons';
</script>

<template>
      <ion-icon :icon="home"></ion-icon>
</template>

An alternative to this solution. Now, you can access to all icons.

<ion-icon :icon="icons.documentOutline"></ion-icon>

import { IonIcon } from '@ionic/vue';
import * as icons from 'ionicons/icons';

The only downfall is that you end with two imports in each page you wish to use the icons.

Great if you are working with an ide as vscode:

[inspire22]

This is still a problem for me, any tips?

import { IonIcon } from "@ionic/vue";
Import { eyeOutline } from 'ionicons/icons'; 

In my template:

<ion-icon :icon="eyeOutline"></ion-icon>

Gives " error 'eyeOutline' is defined but never used no-unused-vars"

If I disable that eslint check, I get this error: [Vue warn]: Property "eyeOutline" was accessed during render but is not defined on instance.

Attempting to import all icons into a namespace also doesn't work. I'm not using the vue composition API (using the older options api method). So frustrated, thanks for any help.

[zgandrew]

According to answers above, this working for me at nuxt3 and Ionic, I'm using module @nuxtjs/ionic. In docs are saying:

Icons are auto-imported from ionicons/icons by default, following the pattern of camel case naming with ionicons in front of the original icon name, that you can find on the official ionicons website.

so, this is nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    ssr: false,
    css: ["@/assets/styles/main.css"],
    modules: [
        '@nuxtjs/ionic'
    ],
    imports: {
        dirs: [
            'ionicons/icons'
        ]
    }
})

// and using in component template

<ion-icon :icon="ioniconsSearch" />

[Syahrul]

I couldn't find any documentation for this, I took it from ionic generated template For anyone using Ionic 7 and using Angular standalone component, you need to import the icon manually

app.page.html <ion-icon name="chevron-forward-outline"></ion-icon>

app.page.ts

import { chevronForwardOutline } from 'ionicons/icons';
import { addIcons } from 'ionicons';

@Component({
    ...,
    imports: [IonicModule, CommonModule, FormsModule]
})

constructor() {
  addIcons({ chevronForwardOutline });
}

[helloejsulit]

I couldn't find any documentation for this, I took it from ionic generated template For anyone using Ionic 7 and using Angular standalone component, you need to import the icon manually

app.page.html <ion-icon name="chevron-forward-outline"></ion-icon>

app.page.ts

import { chevronForwardOutline } from 'ionicons/icons';
import { addIcons } from 'ionicons';

@Component({
    ...,
    imports: [IonicModule, CommonModule, FormsModule]
})

constructor() {
  addIcons({ chevronForwardOutline });
}

Thank you @Syahrul !

Works on ionic/angular: "^7.5.0"

[AndersenAndreoni]

If you need to import all icons in ionic 7, Angular standalone (I use angular 17) and use it everywere just add to the app.component.ts the following code:

import { addIcons } from 'ionicons'; import * as allIcons from 'ionicons/icons';

constructor() { addIcons({allIcons}); }

[GusLAN]

When I need import all icons in ionic 7, for me works:

app.component.ts

import { addIcons } from 'ionicons'; 
import * as allIcons from 'ionicons/icons';
...
ngOnInit() {
    const iconMap = Object.keys(allIcons).reduce((acc, iconName) => {
         acc[iconName] = allIcons[iconName];
         return acc;
    }, {});
    addIcons(iconMap);
}