---
url: https://rsmple.github.io/eco-vue-js/icons.md
description: >-
  Every icon shipped with eco-vue-js, with a searchable gallery and the import
  path for each.
---

# Icons

Icons are Vue functional components compiled from SVG. They inherit `currentColor` and are sized with classes:

```vue
<template>
  <IconAdd class="square-5 text-primary" />
</template>

<script setup lang="ts">
import IconAdd from 'eco-vue-js/dist/assets/icons/IconAdd'
</script>
```

When passing an icon to a prop, wrap it in `markRaw` — `:icon="markRaw(IconAdd)"`.

## All icons

All 122 icons, importable as `import Name from 'eco-vue-js/dist/assets/icons/Name'`:

`IconAdd`, `IconAddCircle`, `IconAddSquare`, `IconAlarm`, `IconArchiveBook`, `IconArrow`, `IconBack`, `IconBold`, `IconBroom`, `IconCactus`, `IconCancel`, `IconCandle`, `IconCelery`, `IconChart`, `IconCheck`, `IconCheckCircle`, `IconCheckSecret`, `IconClose`, `IconCloseCircle`, `IconCloud`, `IconCloudSun`, `IconCloudSunPartial`, `IconCodeBlock`, `IconCodeInline`, `IconCopy`, `IconCopySuccess`, `IconCopyright`, `IconDanger`, `IconDangerSolid`, `IconDojo`, `IconDrag`, `IconDrop`, `IconEdit`, `IconEditCircle`, `IconEditSquare`, `IconElement`, `IconExport`, `IconEye`, `IconEyeSlash`, `IconFern`, `IconFilter`, `IconFilterRemove`, `IconFinding`, `IconFolder`, `IconFolderAdd`, `IconFolderCross`, `IconGrid`, `IconHeading`, `IconHealth`, `IconHealthcare`, `IconInfo`, `IconItalic`, `IconJira`, `IconKey`, `IconKeySquare`, `IconLayer`, `IconLink`, `IconLinkBold`, `IconLinkOutline`, `IconLinkedIn`, `IconList`, `IconListBullet`, `IconListCheckbox`, `IconListDecrease`, `IconListIncrease`, `IconListNumbered`, `IconListSettings`, `IconLock`, `IconLockOff`, `IconLogout`, `IconMarkdown`, `IconMenu`, `IconMinusCircle`, `IconMonstera`, `IconMoon`, `IconMore`, `IconNegate`, `IconNegativeInfo`, `IconNote`, `IconNotification`, `IconPalette`, `IconPaste`, `IconPlant`, `IconProfile`, `IconQuote`, `IconRadar`, `IconRange`, `IconRedo`, `IconRefresh`, `IconRuler`, `IconSave`, `IconSearch`, `IconSettings`, `IconShift`, `IconSlash`, `IconSnowflake`, `IconSort`, `IconSpinner`, `IconSprig`, `IconStar`, `IconStrikethrough`, `IconSuccess`, `IconSuccessSolid`, `IconSummary`, `IconSun`, `IconTable`, `IconTableCollapsed`, `IconTag`, `IconTask`, `IconThermometer`, `IconTime`, `IconTo`, `IconTrash`, `IconUnderline`, `IconUndo`, `IconUpload`, `IconUser`, `IconVersionControl`, `IconWarn`, `IconWarnSolid`, `IconWeight`, `IconWind`