Icons
Icons are React components exported from tenet-ui/icons (sourced from lucide-static@1.45.0). 80 icons in 8 categories; sizes: 16, 20, 24. Pass icons to Button’s leadingIcon/trailingIcon or IconButton’s icon prop; decorative icons are aria-hidden by default, so name the control, not the glyph.
import { AlertCircleIcon } from 'tenet-ui/icons';
<IconButton icon={<AlertCircleIcon />} aria-label="Search" />Full icon index (80) — name, component export and keywords
actions
| Icon | Export | Keywords |
|---|---|---|
| archive | ArchiveIcon | archive, box, store, hide, retire, index, backup, storage, records |
| check | CheckIcon | check, done, confirm, selected, tick, success, todo, complete, task |
| copy | CopyIcon | copy, duplicate, clipboard, clone, multiple |
| download | DownloadIcon | download, export, save as, get, import, save |
| external-link | ExternalLinkIcon | external link, open in new tab, outbound, new window, open, share |
| eye | EyeIcon | eye, view, show, visible, preview, reveal password, watch, see, expose, reveal, display, visibility, vision, read |
| eye-off | EyeOffIcon | eye off, hide, hidden, invisible, mask password, unwatch, view, watch, see, conceal, mask, visibility, vision |
| filter | FilterIcon | filter, funnel, refine, narrow, hopper |
| link | LinkIcon | link, url, hyperlink, chain, anchor, permalink |
| lock | LockIcon | lock, locked, private, secure, read-only, permission, security, password, admin |
| log-out | LogOutIcon | log out, sign out, logout, exit, leave, arrow, auth |
| minus | MinusIcon | minus, remove, subtract, collapse, decrement, decrease, reduce, negative, calculate, line, divider, separator, horizontal rule, hr, html, markup, markdown, ---, toolbar, operator, code, coding, minimum, downgrade |
| pencil | PencilIcon | pencil, edit, rename, modify, write, rubber, create, draw, sketch, draft, writer, writing, stationery, artist |
| plus | PlusIcon | plus, add, new, create, insert, increase, increment, positive, calculate, toolbar, crosshair, aim, target, scope, sight, reticule, maximum, upgrade, extra, + |
| printer | PrinterIcon | printer, print, hard copy, paper, fax, office, device |
| refresh | RefreshIcon | refresh, reload, sync, retry, rerun, update, rotate, synchronise, synchronize, arrows, circular, cycle, refresh cw |
| search | SearchIcon | search, query, filter, find, scan, magnifier, magnifying glass, lens, locate, explore, discover, enlarge, zoom |
| settings | SettingsIcon | settings, gear, cog, configure, options, edit, preferences |
| share | ShareIcon | share, export, send to, social, network, connections |
| sort-ascending | SortAscendingIcon | sort ascending, sort asc, sort, order, a to z, column header, filter, ascending, descending, increasing, decreasing, rising, falling, arrow up narrow wide |
| sort-descending | SortDescendingIcon | sort descending, sort desc, sort, order, z to a, column header, filter, ascending, descending, increasing, decreasing, rising, falling, arrow down wide narrow |
| trash | TrashIcon | trash, delete, remove, bin, destroy, empty, deletion, cleanup, junk, clear, garbage, waste, recycle, discard, binoculars, rubbish |
| unlock | UnlockIcon | unlock, unlocked, open, public, editable, security, lock open |
| upload | UploadIcon | upload, import, attach, put, file |
| x | XIcon | x, close, dismiss, cancel, clear, remove, cross, delete, ex, times, math, multiply, multiplication |
| zoom-in | ZoomInIcon | zoom in, magnify, enlarge, increase, magnifying glass, plus |
| zoom-out | ZoomOutIcon | zoom out, shrink, reduce, decrease, magnifying glass, plus |
communication
| Icon | Export | Keywords |
|---|---|---|
| bell | BellIcon | bell, notification, alert, reminder, subscribe, unread, alarm, sound |
MailIcon | mail, email, message, envelope, newsletter, contact, letter, unread | |
| message-square | MessageSquareIcon | message square, comment, chat, discussion, feedback, reply, conversation, dialog, speech bubble |
| paperclip | PaperclipIcon | paperclip, attachment, attach file, clip, file |
| send | SendIcon | send, submit, publish, paper plane, deliver, post, email, message, mail, paper airplane, paper aeroplane |
data
| Icon | Export | Keywords |
|---|---|---|
| bar-chart | BarChartIcon | bar chart, chart, analytics, statistics, metrics, report, diagram, graph, chart column |
| columns | ColumnsIcon | columns, column picker, layout, board, kanban, split, lines, list, queue, preview, parallel, series, vertical, horizontal, thirds, triple, center, middle, alignment, even, sidebars, drawers, gutters, fold, reflow, typography, pagination, pages, columns 3 |
| grid | GridIcon | grid, grid view, cards, tiles, gallery view, apps, app, home, start, layout grid |
| list | ListIcon | list, list view, bullets, items, rows, todo, options |
| pie-chart | PieChartIcon | pie chart, chart, analytics, share, breakdown, percentage, statistics, diagram, presentation, chart pie |
| table | TableIcon | table, grid view, spreadsheet, rows, data table, tabular, grid |
| trending-down | TrendingDownIcon | trending down, decline, decrease, negative, down, stat, statistics |
| trending-up | TrendingUpIcon | trending up, growth, increase, positive, up, stat, statistics |
editorial
| Icon | Export | Keywords |
|---|---|---|
| book-open | BookOpenIcon | book open, read, reading, documentation, guide, style guide, library, pages, booklet, magazine, leaflet, pamphlet, writing, written, writer, author, story, script, screenplay, fiction, novel, information, knowledge, education, high school, university, college, academy, student, study, learning, homework, research, revealed, blank, plain |
| newspaper | NewspaperIcon | newspaper, news, press, edition, headline, front page, publication, feed, home, magazine, article |
| pen-line | PenLineIcon | pen line, write, compose, sign, byline, author, editorial, pencil, change, create, draw, writer, writing, biro, ink, marker, felt tip, stationery, artist |
| quote | QuoteIcon | quote, quotation, pull quote, citation, blockquote, testimonial |
media
| Icon | Export | Keywords |
|---|---|---|
| image | ImageIcon | image, picture, photo, thumbnail, placeholder, media, hero |
| play | PlayIcon | play, video, audio, start, run, preview, music |
navigation
| Icon | Export | Keywords |
|---|---|---|
| arrow-down | ArrowDownIcon | arrow down, down, decrease, move down, descending, backwards, reverse, direction, south |
| arrow-left | ArrowLeftIcon | arrow left, back, previous, return, direction, west, <- |
| arrow-right | ArrowRightIcon | arrow right, forward, next, continue, go, direction, east, -> |
| arrow-up | ArrowUpIcon | arrow up, up, increase, move up, ascending, forward, direction, north |
| chevron-down | ChevronDownIcon | chevron down, caret down, expand, dropdown, select, disclosure, backwards, reverse, slow |
| chevron-left | ChevronLeftIcon | chevron left, caret left, previous, back, pagination, less than, fewer, menu, < |
| chevron-right | ChevronRightIcon | chevron right, caret right, next, forward, pagination, breadcrumb, drill in, more than, greater, menu, code, coding, command line, terminal, prompt, shell, > |
| chevron-up | ChevronUpIcon | chevron up, caret up, collapse, expand less, scroll to top, caret, keyboard, mac, control, ctrl, superscript, exponential, power, ahead, fast, ^, dropdown |
| home | HomeIcon | home, house, start, dashboard, overview, breadcrumb root, living, building, residence, architecture |
| layout-dashboard | LayoutDashboardIcon | layout dashboard, dashboard, overview, widgets, panels, home, masonry, brick |
| menu | MenuIcon | menu, hamburger, navigation, sidebar toggle, drawer, bars, options |
| more-horizontal | MoreHorizontalIcon | more horizontal, more, ellipsis, overflow menu, actions menu, kebab, meatball, dots, et cetera, etc, loader, loading, progress, pending, throbber, menu, options, operator, code, coding, spread, rest, further, extra, overflow, …, ... |
| more-vertical | MoreVerticalIcon | more vertical, more, ellipsis, overflow menu, actions menu, kebab, dots, row actions, menu, options, spread, further, extra, overflow, …, ..., ellipsis vertical |
objects
| Icon | Export | Keywords |
|---|---|---|
| bookmark | BookmarkIcon | bookmark, save, read later, saved, favorite, mark, label, attachment, file, stick, pin, read, clip, marker, tag |
| calendar | CalendarIcon | calendar, date, schedule, date picker, deadline, publish date, month, year, event, birthday, birthdate |
| clock | ClockIcon | clock, time, recent, history, pending, duration, scheduled, watch, alarm |
| file | FileIcon | file, document, page, blank, attachment |
| file-text | FileTextIcon | file text, document, article, draft, story, report, notes, data, txt, pdf |
| folder | FolderIcon | folder, directory, collection, section, group |
| globe | GlobeIcon | globe, world, web, public, language, region, international, browser, translate |
| inbox | InboxIcon | inbox, empty state, nothing here, no results, tray, queue, email |
| map-pin | MapPinIcon | map pin, location, place, address, dateline, geo, waypoint, marker, drop |
| moon | MoonIcon | moon, dark mode, night, theme, sleep, dark |
| sun | SunIcon | sun, light mode, day, theme, brightness, weather, light, summer |
| tag | TagIcon | tag, label, category, topic, keyword, price, badge, ticket, mark |
| user | UserIcon | user, person, account, profile, author, avatar, member, contact |
| users | UsersIcon | users, people, team, group, members, audience, contributors |
status
| Icon | Export | Keywords |
|---|---|---|
| alert-circle | AlertCircleIcon | alert circle, error, danger, invalid, validation, problem, exclamation, warning, alert, exclamation mark, circle alert |
| alert-triangle | AlertTriangleIcon | alert triangle, warning, attention, caution, risk, alert, danger, exclamation mark, linter, triangle alert |
| check-circle | CheckCircleIcon | check circle, success, complete, done, verified, published, passing, todo, tick, task, circle check |
| help-circle | HelpCircleIcon | help circle, help, question, support, faq, unknown, hint, question mark, circle question mark |
| info | InfoIcon | info, information, help, note, banner info, tooltip, about, advice, clue, details, hint, indicator, knowledge, notice, status, support |
| star | StarIcon | star, favorite, featured, rating, pinned, highlight, bookmark, like, review |
| x-circle | XCircleIcon | x circle, error, failed, rejected, cancelled, clear input, cancel, close, delete, remove, times, clear, incorrect, wrong, mistake, failure, linter, multiply, multiplication, circle x |