# Grid22 — full icon catalog

> 300 precision-crafted outline icons on a 24×24 grid. MIT licensed —
> free for commercial use, no attribution required. This file inlines the
> complete catalog so you can pick an icon without further requests.

## URL patterns (replace {name})

- SVG for web/code (stroked, currentColor): https://grid22.design/v1.5.0/icons/{name}.svg
- SVG for design tools (strokes flattened to fills): https://grid22.design/v1.5.0/dist/outlined/{name}.svg
- CSS class (with stylesheet https://grid22.design/v1.5.0/dist/grid22.css): g22 g22-{name}
- JSON manifest: https://grid22.design/v1.5.0/dist/icons.json

## How to choose and use

- Match the concept you need against the names and aliases below.
- Inline the SVG in HTML/JSX and it inherits `color` and scales via width/height.
- React component name rule: kebab-case name → PascalCase, e.g. arrow-up-right → <IconArrowUpRight />.

## Icons (300) — format: name (category) — aliases

- bookmark (Actions) — save, favorite, library, read later
- close (Actions) — x, cancel, dismiss, delete
- copy (Actions) — duplicate, clone, clipboard
- download (Actions) — save, export, arrow down
- edit (Actions) — pencil, write, modify
- ellipsis (Actions) — more, options, overflow
- filter (Actions) — funnel, refine, narrow
- history (Actions) — recent, past, restore, time
- minus-circle (Actions) — remove, subtract, decrease
- minus (Actions) — remove, subtract, decrease
- more-horizontal (Actions) — ellipsis, more, options
- more-vertical (Actions) — ellipsis, more, options
- move (Actions) — drag, position, reorder
- pin (Actions) — pushpin, attach, keep, pinned
- plus-circle (Actions) — add, new, create
- plus (Actions) — add, new, create
- refresh (Actions) — reload, sync, update
- rotate-ccw (Actions) — undo, counterclockwise, turn
- rotate-cw (Actions) — redo, clockwise, turn
- save (Actions) — disk, store, download
- search (Actions) — find, lookup, magnify, magnifying glass
- share (Actions) — send, forward, social
- sort (Actions) — order, arrange, ranking
- thumbs-down (Actions) — dislike, reject, feedback, vote
- thumbs-up (Actions) — like, approve, feedback, vote
- trash (Actions) — delete, remove, bin
- upload (Actions) — import, send, arrow up
- cat (Animals) — pet, feline, kitten, gato
- dog (Animals) — pet, canine, puppy, perro
- discord (Brands) — social media, community, gaming, chat
- facebook (Brands) — social media, meta, network, company
- instagram (Brands) — social media, photo, meta, company
- linkedin (Brands) — social media, professional, network, company
- reddit (Brands) — social media, community, forum, company
- tiktok (Brands) — social media, short video, music, company
- whatsapp (Brands) — social media, message, meta, company
- x-twitter (Brands) — social media, twitter, network, company
- youtube (Brands) — social media, video, google, company
- credit-card (Commerce) — payment, billing, card
- crown (Commerce) — premium, pro, plan, upgrade
- dollar-sign (Commerce) — price, money, currency, usd
- gift (Commerce) — present, reward, bonus
- receipt (Commerce) — invoice, bill, payment
- shopping-bag (Commerce) — shop, store, purchase
- shopping-cart (Commerce) — cart, checkout, buy
- truck (Commerce) — shipping, delivery, logistics
- wallet (Commerce) — payment, money, billing
- at-sign (Communication) — email, mention, handle
- broadcast (Communication) — radio, live, stream, on-air
- inbox (Communication) — triage, messages, mail, backlog
- languages (Communication) — translate, i18n, locale, idioma
- mail (Communication) — email, message, inbox
- megaphone (Communication) — comms, announcement, marketing, promo
- message-circle (Communication) — chat, comment, talk
- phone (Communication) — call, mobile, contact
- send (Communication) — message, submit, paper plane
- activity (Data) — pulse, monitoring, heartbeat, metrics
- calendar-check (Data) — date confirmed, schedule, event done
- calendar-plus (Data) — add date, new event, schedule
- calendar (Data) — date, schedule, event
- chart-area (Data) — analytics, area graph, metrics, trend
- chart-bar (Data) — analytics, bar graph, metrics, statistics
- chart (Data) — analytics, graph, metrics
- clock (Data) — time, history, recent
- dashboard (Data) — overview, metrics, home
- database-backup (Data) — restore, storage, snapshot, history
- funnel (Data) — filter, conversion, pipeline, narrow
- gauge (Data) — speedometer, performance, metrics, dashboard
- grid (Data) — layout, tiles, apps
- hash (Data) — number, tag, channel
- hourglass (Data) — deadline, sprint, timer, waiting
- list (Data) — menu, rows, items
- pie-chart (Data) — analytics, stats, distribution, exec
- radar (Data) — scan, signal, detection, monitoring
- scatter-chart (Data) — plot, analytics, distribution, data points
- table (Data) — spreadsheet, grid, rows
- tag (Data) — label, price, category
- trending-down (Data) — decline, metrics, loss, drop
- trending-up (Data) — growth, metrics, exec, stats
- agent (Development) — ai agent, assistant, automation, bot
- binary (Development) — code, bits, zero one, programming
- bot (Development) — robot, chatbot, ai, automation
- braces (Development) — code, curly brackets, object, programming
- bug (Development) — issue, debug, defect
- code (Development) — developer, programming, source
- command (Development) — cmd, keyboard shortcut, mac, modifier
- database (Development) — storage, server, sql
- git-branch (Development) — branch, version, repo
- git-commit (Development) — commit, version, repo
- git-fork (Development) — fork, repository, version control, branch
- git-merge (Development) — merge, pull request, repo
- git-pull-request (Development) — pr, merge request, review
- logs (Development) — events, console, records, debug
- neural-network (Development) — ai, machine learning, nodes, model
- server (Development) — backend, hosting, rack
- terminal (Development) — console, command, cli
- workflow (Development) — automation, pipeline, process, flow
- battery (Devices) — power, charge, energy
- cpu (Devices) — processor, chip, hardware
- keyboard (Devices) — typing, input, shortcuts
- laptop (Devices) — computer, notebook, device
- monitor (Devices) — display, desktop, screen
- printer (Devices) — print, paper, document
- scan (Devices) — scanner, capture, qr, focus
- smartphone (Devices) — mobile, phone, device
- wifi-off (Devices) — offline, no network, wireless disabled
- wifi (Devices) — network, wireless, connection
- align-center (Editor) — text, center, paragraph
- align-justify (Editor) — text, justify, paragraph
- align-left (Editor) — text, left, paragraph
- align-right (Editor) — text, right, paragraph
- bold (Editor) — text, weight, formatting
- crop (Editor) — image, trim, resize
- heading (Editor) — title, h1, typography
- indent-decrease (Editor) — outdent, text, paragraph
- indent-increase (Editor) — indent, text, paragraph
- italic (Editor) — text, slant, formatting
- list-ordered (Editor) — numbered list, text, sequence
- list-unordered (Editor) — bullet list, text, items
- quote (Editor) — blockquote, citation, testimonial
- redo (Editor) — forward, history, repeat action
- strikethrough (Editor) — text, strike, formatting
- type (Editor) — text, typography, font
- underline (Editor) — text, decoration, formatting
- undo (Editor) — back, history, revert action
- zoom-in (Editor) — magnify, increase, scale
- zoom-out (Editor) — magnify, decrease, scale
- face-angry (Emotions) — emoji, reaction, mood, mad
- face-confused (Emotions) — emoji, reaction, mood, unsure
- face-frown (Emotions) — emoji, reaction, mood, unhappy
- face-happy (Emotions) — emoji, reaction, mood, joy
- face-love (Emotions) — emoji, reaction, mood, heart
- face-neutral (Emotions) — emoji, reaction, mood, okay
- face-sad (Emotions) — emoji, reaction, mood, tear
- face-sleep (Emotions) — emoji, reaction, mood, tired
- face-smile (Emotions) — emoji, reaction, mood, happy
- face-surprised (Emotions) — emoji, reaction, mood, wow
- face-thinking (Emotions) — emoji, reaction, mood, ponder
- face-wink (Emotions) — emoji, reaction, mood, playful
- archive (Files) — backlog, storage, box, history
- book-open (Files) — library, docs, reading, manual
- book (Files) — library, docs, documentation, manual
- box (Files) — package, archive, container
- clipboard (Files) — paste, copy, notes
- file-archive (Files) — zip, compressed, package, file type
- file-audio (Files) — mp3, wav, sound, file type
- file-code (Files) — source, programming, developer, file type
- file-image (Files) — jpg, png, photo, file type
- file-json (Files) — data, object, api, file type
- file-pdf (Files) — acrobat, document, portable document, file type
- file-plus (Files) — new document, add file, create
- file-spreadsheet (Files) — xls, xlsx, csv, table, file type
- file-text (Files) — document, text file, page
- file-video (Files) — mp4, movie, media, file type
- file (Files) — document, page, paper
- folder-open (Files) — directory, expanded, browse
- folder-plus (Files) — new folder, add directory, create
- folder (Files) — directory, files, project
- package (Files) — parcel, shipment, product, box
- paperclip (Files) — attach, attachment, clip
- cursor-arrow (Gestures) — pointer, select, mouse
- cursor-text (Gestures) — text, type, input
- hand-grab (Gestures) — drag, grab, move
- hand-pointing (Gestures) — tap, click, select
- hand (Gestures) — pan, touch, grab
- mouse-pointer-click (Gestures) — click, cursor, select
- pinch (Gestures) — zoom, gesture, touch
- swipe (Gestures) — gesture, touch, slide
- columns (Layout) — layout, vertical, panes
- grip-vertical (Layout) — drag handle, reorder, grab
- panel-bottom (Layout) — dock, layout, footer panel
- panel-left (Layout) — sidebar, layout, left pane
- panel-right (Layout) — sidebar, layout, right pane
- panel-top (Layout) — header, layout, top pane
- rows (Layout) — layout, horizontal, panes
- selection (Layout) — bounding box, select, frame
- split-horizontal (Layout) — divide, horizontal panes, resize
- split-vertical (Layout) — divide, vertical panes, resize
- camera-off (Media) — camera disabled, no photo, video off
- camera (Media) — photo, picture, capture
- fast-forward (Media) — skip, forward, next
- film (Media) — movie, video, cinema
- headphones (Media) — audio, support, listen
- image (Media) — photo, picture, media
- mic-off (Media) — mute microphone, voice off, disabled
- mic (Media) — microphone, voice, record
- music (Media) — audio, song, sound
- pause-circle (Media) — hold, stop, media
- pause (Media) — hold, stop, media
- play-circle (Media) — start, run, media
- play (Media) — start, run, media
- repeat (Media) — loop, again, replay
- rewind (Media) — back, previous, media
- skip-back (Media) — previous, back, media
- skip-forward (Media) — next, forward, media
- stop (Media) — square, halt, media
- video-off (Media) — camera off, mute video, disabled
- video (Media) — camera, movie, record
- volume-high (Media) — loud, audio, speaker
- volume-low (Media) — quiet, audio, speaker
- volume-x (Media) — mute, silent, sound off
- volume (Media) — audio, sound, speaker
- arrow-down-left (Navigation) — down left, diagonal
- arrow-down-right (Navigation) — down right, diagonal
- arrow-down (Navigation) — down, move down
- arrow-left (Navigation) — back, previous, left
- arrow-right (Navigation) — next, forward, right
- arrow-up-left (Navigation) — diagonal, back, corner
- arrow-up-right (Navigation) — external, open, diagonal
- arrow-up (Navigation) — up, move up
- chevron-down (Navigation) — expand, open, down
- chevron-left (Navigation) — previous, back, left
- chevron-right (Navigation) — next, forward, right
- chevron-up (Navigation) — collapse, close, up
- chevrons-down (Navigation) — expand, scroll bottom, double
- chevrons-left (Navigation) — rewind, previous, back
- chevrons-right (Navigation) — fast forward, next, forward
- chevrons-up (Navigation) — collapse, scroll top, double
- corner-down-right (Navigation) — reply, turn, enter
- corner-up-left (Navigation) — undo, return, back
- external-link (Navigation) — open, new tab, outside
- globe (Navigation) — world, language, international, website
- home (Navigation) — house, start, main
- link (Navigation) — url, chain, connect
- map-pin (Navigation) — location, place, marker, address
- map (Navigation) — directions, location, atlas
- menu (Navigation) — hamburger, nav, drawer
- navigation (Navigation) — direction, compass, location arrow
- id-card (People) — identity, profile, credential, identification
- user-check (People) — approved, verified, member, hr
- user-circle (People) — profile, account, avatar, person
- user-lock (People) — private account, secure user, permissions, identity
- user-minus (People) — remove member, unassign, person
- user-plus (People) — invite, add member, onboarding, team
- user-x (People) — delete user, reject member, remove person
- user (People) — person, profile, account
- users (People) — team, group, people
- alert-triangle (Status) — warning, danger, caution
- alert (Status) — warning, notice, attention
- bell-off (Status) — notifications off, mute, silent
- bell (Status) — notification, alert, reminder
- check-circle (Status) — success, complete, verified
- check-square (Status) — checkbox, done, task complete
- check (Status) — done, confirm, success
- circle (Status) — shape, outline, unselected
- heart (Status) — love, favorite, like, corazon
- help (Status) — question, support, info
- info (Status) — information, details, about
- loader (Status) — loading, spinner, progress, waiting
- radio (Status) — radio button, selected, choice
- sparkles (Status) — ai, magic, generate, stars
- square (Status) — shape, outline, unchecked
- star (Status) — favorite, rating, featured
- trophy (Status) — achievement, award, winner, gamification
- x-circle (Status) — error, delete, close, failed, remove
- zap (Status) — bolt, fast, energy
- accessibility (System) — a11y, universal access, inclusive
- badge-check (System) — verified, certified, approved, trust
- cloud-download (System) — download, cloud export, retrieve
- cloud-off (System) — offline, cloud disabled, disconnected
- cloud-upload (System) — upload, cloud import, backup
- cloud (System) — sync, online, storage
- eye-off (System) — hide, hidden, invisible
- eye (System) — view, visible, show
- fingerprint (System) — biometric, auth, touch id, identity
- key (System) — access, password, auth, unlock
- lock-keyhole (System) — password, secure, private, authentication
- lock (System) — secure, private, locked
- log-in (System) — signin, enter, login
- log-out (System) — signout, exit, logout
- maximize (System) — expand, fullscreen, window
- minimize (System) — collapse, window, shrink
- moon (System) — dark, night, theme
- passkey (System) — key, passwordless, authentication, security
- power (System) — on off, shutdown, start
- qr-code (System) — scan, code, link, payment
- scan-face (System) — face id, biometric, recognition, identity
- settings (System) — config, preferences, controls, gear, cog
- shield-alert (System) — security warning, risk, protection, attention
- shield-check (System) — protected, verified, security
- shield-x (System) — security failed, blocked, unprotected, denied
- shield (System) — security, protection, permissions, safety
- sliders (System) — settings, preferences, controls, mixer
- sun (System) — light, day, theme
- toggle-left (System) — switch off, disabled, control
- toggle-right (System) — switch on, enabled, control
- unlock (System) — open, unsecure, access
- vault (System) — safe, secure storage, secrets, protected
- blocks (Workspace) — foundations, components, design system, modules
- briefcase (Workspace) — exec, business, work, portfolio
- building (Workspace) — company, office, org, enterprise
- flag (Workspace) — milestone, priority, report
- kanban (Workspace) — backlog, board, sprint, tasks
- layers (Workspace) — foundations, stack, levels, design
- lightbulb (Workspace) — idea, insight, tip, innovation
- list-checks (Workspace) — todo, checklist, tasks, qa
- presentation-chart (Workspace) — deck, exec, slides, keynote
- puzzle (Workspace) — integrations, components, plugin, fit
- rocket (Workspace) — launch, ship, startup, deploy
- target (Workspace) — goals, okr, aim, focus