Overview

One SVG sprite of plain line icons with typed names, rendered by an Icon component in every framework.

The icons are Boring Icons, designed by Goran Tomičić.
ikona builds them into one SVG sprite, so a page loads every icon in a single request, and name only accepts icons that exist.

Boring Icons

An icon set to create UIs, like every other.

Designed by Goran Tomičić, a senior product designer in Zagreb with over a decade of product design across startups, agencies and enterprise. Boring Icons is his set of plain, geometric line icons, free and MIT licensed.

  • account
  • add-more
  • adjust
  • ai-audio
  • ai-bot
  • ai-chat
  • ai-chip
  • ai-cloud
  • ai-file
  • ai-folder
  • ai-head
  • ai-search
  • ai-settings
  • ai-shield
  • ai-sparkle
  • ai-video
  • ai-voice
  • ai
  • alert-filled
  • alert
  • align-center
  • align-justify
  • align-left
  • align-right
  • archive
  • arrow-down
  • arrow-left
  • arrow-right
  • arrow-up
  • bell
  • bold
  • bookmark
  • boring-logo
  • bot
  • brand-anthropic
  • brand-ark
  • brand-css3
  • brand-github
  • brand-javascript
  • brand-lit
  • brand-nextjs
  • brand-npm
  • brand-openai
  • brand-preact
  • brand-react
  • brand-solidjs
  • brand-storybook
  • brand-svelte
  • brand-typescript
  • brand-vscode
  • brand-vue
  • brand-x
  • calendar-empty
  • calendar
  • cancel
  • captions
  • chart-pie
  • check-circle
  • check-square
  • check
  • chevron-down
  • chevron-left
  • chevron-right
  • chevron-up
  • chevrons-left
  • chevrons-right
  • circle-dot
  • clock
  • close
  • code-braces
  • code-brackets
  • collapse
  • color-picker
  • components
  • contrast
  • copy
  • crop
  • delete
  • divide
  • dots-vertical
  • dots
  • download
  • edit
  • error
  • expand
  • external-link
  • file-text
  • file
  • filter
  • flip-horizontal
  • flip-vertical
  • focus
  • folder-open
  • folder
  • fullscreen-exit
  • fullscreen
  • gift-bag
  • grid
  • grip-horizontal
  • grip-vertical
  • heart-filled
  • heart
  • help
  • home
  • image
  • info-circle
  • italic
  • keyboard
  • link
  • loader
  • lock
  • mail
  • map-pin
  • markdown
  • menu-hamburger
  • menu
  • message
  • minus-circle
  • minus
  • moon
  • multiply
  • package
  • paperclip
  • pause-filled
  • pause
  • phone
  • picture-in-picture
  • pin
  • play-filled
  • play
  • plus-circle
  • plus
  • pointer
  • power
  • quote-filled
  • redo
  • refresh
  • repeat
  • search
  • send
  • settings
  • share
  • shopping-bag
  • skip-back-filled
  • skip-back
  • skip-forward-filled
  • skip-forward
  • sort
  • sparkles
  • star-filled
  • star-half
  • star
  • stop-filled
  • stop
  • stopwatch
  • stretch
  • strikethrough
  • sun
  • support
  • text-direction
  • time
  • tool
  • underline
  • undo
  • unlock
  • upload
  • view-off
  • view
  • volume-off
  • volume
  • warning
  • window-restore
  • zoom-in
  • zoom-out

Use them

  • Setup installs @isbatak/icons and renders the Icon component in your framework.
  • AI skills help your coding agent find icon names and draw new ones in the Boring style.
  • @boring-icons/react has Boring Icons on their own, as React components.