The toolbar controls in @inkbar/vue, @inkbar/react, @inkbar/svelte and @inkbar/core show these icons until you pass your own. They are 13 icons from Lucide, copied so the package has no dependencies.

You don't need to install this package to get the icons. Install it when you want the same icons on your own buttons, so they match the rest of the toolbar.

Usage

Each icon is an array of [tag, attributes] pairs. Draw it inside an <svg> with ICON_ATTRIBUTES and a size. The framework packages export an InkIcon component that does this:

<script setup lang="ts">
import { Highlighter } from '@inkbar/icons'
import { InkIcon } from '@inkbar/vue'
</script>

<template>
  <button type="button" aria-label="Export"><InkIcon :icon="Highlighter" /></button>
</template>

Without a framework, createIcon from @inkbar/core/dom returns the <svg> element.

The icons are Hand, MousePointer2, Highlighter, Square, MessageSquare, Undo2, Redo2, ZoomIn, ZoomOut, ChevronLeft, ChevronRight, ChevronDown and Check.

Licence

MIT. The icons come from Lucide under the ISC licence, and some of them derive from Feather under the MIT licence; this package's LICENSE file carries both notices. From the team behind Redactr.