tushar-br-icons

Minimal developer SVG icon library — 100 clean, outline-style icons for web and UI projects.

Installation

npm install tushar-br-icons

During installation a clean terminal installer runs automatically — no noise, just progress.

Usage

const icons = require('tushar-br-icons')

// Use any icon by name — returns the raw SVG string
console.log(icons.github)
console.log(icons.code)
console.log(icons.database)

Inject into HTML

const icons = require('tushar-br-icons')

document.getElementById('my-icon').innerHTML = icons.terminal

Use in a template

const icons = require('tushar-br-icons')

const html = `
  <button>
    ${icons.search}
    Search
  </button>
`

Icon naming

Icons are exported under both kebab-case and camelCase keys:

icons['git-branch']  // kebab-case
icons.gitBranch      // camelCase — same icon

Icon list (100 icons)

| Name | Key | |---|---| | AI | ai | | Code | code | | Terminal | terminal | | Database | database | | Server | server | | API | api | | Cloud | cloud | | Download | download | | Upload | upload | | Git | git | | GitHub | github | | Git Branch | git-branch / gitBranch | | Git Commit | git-commit / gitCommit | | Git Merge | git-merge / gitMerge | | Bug | bug | | Debug | debug | | Settings | settings | | User | user | | Users | users | | Profile | profile | | Login | login | | Logout | logout | | Lock | lock | | Unlock | unlock | | Shield | shield | | Security | security | | Search | search | | Filter | filter | | Folder | folder | | Folder Open | folder-open / folderOpen | | File | file | | File Code | file-code / fileCode | | File JSON | file-json / fileJson | | File Image | file-image / fileImage | | File Video | file-video / fileVideo | | File Audio | file-audio / fileAudio | | Copy | copy | | Paste | paste | | Cut | cut | | Trash | trash | | Edit | edit | | Save | save | | Refresh | refresh | | Sync | sync | | Play | play | | Pause | pause | | Stop | stop | | Forward | forward | | Back | back | | Arrow Up | arrow-up / arrowUp | | Arrow Down | arrow-down / arrowDown | | Arrow Left | arrow-left / arrowLeft | | Arrow Right | arrow-right / arrowRight | | Menu | menu | | Close | close | | Plus | plus | | Minus | minus | | Check | check | | Alert | alert | | Info | info | | Warning | warning | | Question | question | | Star | star | | Heart | heart | | Like | like | | Bookmark | bookmark | | Tag | tag | | Link | link | | Unlink | unlink | | Share | share | | Bell | bell | | Notification | notification | | Calendar | calendar | | Clock | clock | | Timer | timer | | Location | location | | Map | map | | Globe | globe | | Wifi | wifi | | Battery | battery | | Power | power | | Mobile | mobile | | Tablet | tablet | | Desktop | desktop | | Monitor | monitor | | Keyboard | keyboard | | Mouse | mouse | | Camera | camera | | Image | image | | Video | video | | Microphone | microphone | | Speaker | speaker | | Volume | volume | | Mute | mute | | Cart | cart | | Payment | payment | | Wallet | wallet | | Chart | chart | | Analytics | analytics | | Dashboard | dashboard | | Graph | graph |

Icon design specs

• Format: SVG
• viewBox: 0 0 24 24
• Style: stroke="currentColor" — inherits color from CSS
• Stroke width: 2
• Fill: none
• Style: Minimal outline, developer-focused

License

MIT © Tushar Rathod