Create Custom Icon Pack for Twitter Bootstrap

Credit to famfamfam for the awesome icon sets. It's simple, if you want to create your own set, visit our tutorial.

Usage:

  1. Include custom.css and its image sprite file.
  2. Change the image path in the CSS file if needed.
  3. Instead of using icon-xxx, you use cus-xxx, for example: <button class="btn btn-danger"><i class="cus-exclamation"></i> Exclamation</button>

Icon's Name Reference

cus-chart-line-edit cus-application-view-tile cus-connect cus-arrow-inout cus-heart-delete cus-application-home cus-table-gear cus-page-lightning cus-emoticon-wink cus-page-white-world cus-cart-remove cus-folder-brick cus-text-padding-bottom cus-database-edit cus-database-refresh cus-email-go cus-chart-pie-link cus-lightning-add cus-control-pause cus-table-multiple cus-pencil-go cus-map-go cus-layout cus-application-edit cus-world-edit cus-pencil-delete cus-user-comment cus-page-white-coldfusion cus-paste-plain cus-wrench-orange cus-page-white-put cus-comment cus-page-white-c cus-hourglass cus-application-view-list cus-building-delete cus-plugin-edit cus-tag cus-application-form-add cus-date-error cus-application-form-magnify cus-bin-closed cus-application-delete cus-newspaper cus-compress cus-picture-add cus-map-add cus-asterisk-orange cus-chart-curve-go cus-cursor cus-tag-purple cus-flag-pink cus-layout-link cus-link cus-application-view-columns cus-email-delete cus-bullet-red cus-bullet-yellow cus-page-white-wrench cus-page-white-paintbrush cus-book-previous cus-color-wheel cus-book-link cus-page-white-dvd cus-bullet-picture cus-page-white-flash cus-page-white-cup cus-chart-curve-add cus-page-white-go cus-attach cus-table-row-insert cus-page-add cus-report-link cus-lightbulb-add cus-comments-add cus-printer-error cus-control-repeat-blue cus-application-error cus-page-white-acrobat cus-bullet-purple cus-control-start cus-star cus-cart-go cus-anchor cus-text-padding-right cus-tag-yellow cus-application-side-expand cus-paintbrush cus-table-save cus-zoom cus-picture-delete cus-table-lightning cus-chart-line-link cus-page-white-medal cus-plugin-delete cus-report-add cus-bullet-wrench cus-group-gear cus-database-link cus-feed-key cus-chart-pie-edit cus-folder-delete cus-overlays cus-cart-edit cus-emoticon-tongue cus-bullet-pink cus-report-word cus-clock cus-database-add cus-bell-add cus-database-connect cus-cart cus-comment-add cus-control-rewind cus-control-stop cus-pencil cus-hourglass-delete cus-application-side-boxes cus-page-white-code-red cus-music cus-application-link cus-world-link cus-lightbulb-off cus-comments cus-cog-error cus-link-add cus-image-add cus-page-white-get cus-book-add cus-folder-database cus-chart-curve cus-page-white-add cus-vcard-add cus-plugin-link cus-bell cus-link-break cus-thumb-down cus-database-error cus-control-eject-blue cus-page-white-error cus-layout-edit cus-tag-blue-edit cus-table-add cus-table cus-layout-header cus-film-go cus-calculator cus-film cus-house-link cus-thumb-up cus-rosette cus-bullet-feed cus-page-white-tux cus-book-edit cus-key-go cus-control-fastforward-blue cus-chart-line-delete cus-calendar-view-month cus-application-cascade cus-report-edit cus-plugin-add cus-user-female cus-film-delete cus-folder-go cus-disconnect cus-bullet-go cus-bell-go cus-bullet-white cus-control-eject cus-color-swatch cus-arrow-join cus-control-play cus-magnifier-zoom-in cus-sitemap-color cus-arrow-divide cus-link-edit cus-folder-find cus-application-xp cus-calendar-link cus-text-linespacing cus-time-go cus-email-attach cus-feed-error cus-application-side-tree cus-control-play-blue cus-timeline-marker cus-flag-yellow cus-textfield-add cus-book-next cus-text-align-justify cus-page-white-zip cus-pill-go cus-user-gray cus-delete cus-vcard cus-exclamation cus-page-white-paint cus-door-out cus-creditcards cus-arrow-left cus-folder-user cus-key cus-text-padding-top cus-folder-error cus-flag-purple cus-book cus-heart cus-page-paintbrush cus-feed-delete cus-chart-bar-error cus-arrow-branch cus-time-add cus-table-link cus-page-white-csharp cus-application-get cus-email-open-image cus-comment-edit cus-pencil-add cus-bullet-arrow-up cus-group-edit cus-application-add cus-database-save cus-transmit-blue cus-lock-open cus-bullet-star cus-film-key cus-vcard-edit cus-box cus-page-white-paste cus-bullet-toggle-plus cus-building-edit cus-rainbow cus-calculator-edit cus-arrow-out cus-stop cus-world-add cus-chart-bar-delete cus-paintcan cus-emoticon-happy cus-tag-pink cus-calculator-add cus-group-error cus-cart-error cus-image cus-page-white-swoosh cus-chart-line-error cus-images cus-email-error cus-calendar-edit cus-emoticon-smile cus-map-magnify cus-calculator-error cus-page-white-cplusplus cus-cut-red cus-arrow-down cus-application-xp-terminal cus-application-form cus-zoom-out cus-bullet-key cus-bell-delete cus-folder-page cus-building-key cus-flag-red cus-tag-blue-delete cus-plugin-go cus-folder-add cus-bell-error cus-pictures cus-layout-error cus-group-delete cus-database-gear cus-group-link cus-page-white-find cus-application-go cus-printer-delete cus-page-find cus-email-open cus-picture-go cus-table-edit cus-bullet-black cus-user-red cus-eye cus-date-magnify cus-layout-delete cus-application-put cus-house cus-cut cus-chart-organisation-add cus-feed-disk cus-arrow-in cus-page-white-excel cus-layers cus-book-error cus-calculator-link cus-page-white cus-bin cus-database-delete cus-page-white-camera cus-building cus-building-link cus-vcard-delete cus-group-add cus-application-side-list cus-picture-error cus-application-osx-terminal cus-tag-green cus-feed cus-page-white-ruby cus-tick cus-resultset-first cus-page-white-powerpoint cus-lock cus-page-go cus-status-away cus-lock-edit cus-male cus-group-go cus-paste-word cus-bomb cus-disk cus-bullet-arrow-bottom cus-page-white-compressed cus-picture-link cus-arrow-rotate-anticlockwise cus-door cus-key-add cus-report-user cus-database-table cus-resultset-previous cus-calendar-add cus-cog cus-cog-add cus-email-link cus-page-red cus-application-view-gallery cus-folder-wrench cus-chart-bar cus-folder-key cus-user-suit cus-hourglass-go cus-cog-go cus-film-save cus-report-disk cus-building-add cus-plugin-error cus-textfield-rename cus-bullet-add cus-user-go cus-page-white-actionscript cus-control-equalizer-blue cus-user cus-time cus-calendar-view-day cus-help cus-bullet-delete cus-application-tile-vertical cus-table-sort cus-emoticon-waii cus-arrow-refresh-small cus-page-white-freehand cus-arrow-turn-left cus-chart-curve-edit cus-email cus-arrow-rotate-clockwise cus-layout-add cus-report-picture cus-pilcrow cus-lightning cus-lock-break cus-date-link cus-page-world cus-page-white-star cus-briefcase cus-control-equalizer cus-page-link cus-page-white-link cus-map cus-group-key cus-calendar-delete cus-chart-bar-link cus-time-delete cus-error cus-folder cus-page-white-office cus-date-go cus-chart-line cus-page-code cus-arrow-undo cus-page-white-code cus-folder-heart cus-book-addresses cus-page-delete cus-database-lightning cus-arrow-right cus-report-magnify cus-report-go cus-application-form-delete cus-folder-magnify cus-emoticon-surprised cus-cog-delete cus-textfield-key cus-page-error cus-table-delete cus-page-word cus-application-form-edit cus-folder-lightbulb cus-page-white-word cus-application-split cus-report-delete cus-email-edit cus-control-repeat cus-picture-edit cus-chart-pie-error cus-plugin-disabled cus-page-white-horizontal cus-folder-page-white cus-film-error cus-cog-edit cus-tag-blue cus-pill cus-emoticon-evilgrin cus-book-go cus-status-offline cus-status-busy cus-chart-organisation-delete cus-control-fastforward cus-folder-picture cus-page-white-vector cus-add cus-comments-delete cus-folder-palette cus-page cus-link-error cus-world cus-bullet-green cus-error-delete cus-lightbulb cus-information cus-page-white-database cus-table-row-delete cus-control-rewind-blue cus-door-open cus-folder-image cus-film-add cus-cancel cus-chart-curve-link cus-plugin cus-arrow-merge cus-user-delete cus-table-go cus-arrow-up cus-table-error cus-tux cus-application-key cus-lightning-delete cus-disk-multiple cus-control-end-blue cus-zoom-in cus-arrow-turn-right cus-date-edit cus-printer-empty cus-layout-content cus-page-white-lightning cus-chart-bar-edit cus-page-edit cus-chart-line-add cus-folder-feed cus-error-add cus-page-white-edit cus-date cus-bullet-toggle-minus cus-application-double cus-page-white-h cus-flag-orange cus-page-white-delete cus-page-white-cd cus-lock-add cus-table-refresh cus-feed-add cus-building-error cus-cake cus-database-key cus-page-white-copy cus-page-copy cus-database-go cus-female cus-date-next cus-application-side-contract cus-accept cus-bin-empty cus-key-delete cus-report-key cus-chart-organisation cus-bullet-arrow-down cus-book-key cus-bullet-disk cus-layout-sidebar cus-page-white-key cus-page-refresh cus-date-add cus-feed-edit cus-page-paste cus-page-white-text-width cus-link-go cus-page-gear cus-page-white-gear cus-user-green cus-arrow-redo cus-map-edit cus-page-attach cus-cart-put cus-feed-magnify cus-picture-empty cus-resultset-next cus-page-white-picture cus-page-white-visualstudio cus-textfield cus-tag-blue-add cus-user-orange cus-folder-explore cus-bullet-blue cus-table-key cus-database cus-application-lightning cus-chart-pie-add cus-hourglass-link cus-chart-pie cus-door-in cus-bell-link cus-palette cus-chart-bar-add cus-folder-link cus-lock-go cus-picture cus-cross cus-emoticon-grin cus-folder-star cus-film-edit cus-calendar-view-week cus-error-go cus-control-start-blue cus-calculator-delete cus-book-delete cus-lightning-go cus-page-white-magnify cus-lightbulb-delete cus-image-link cus-folder-bug cus-chart-curve-delete cus-building-go cus-page-white-text cus-table-relationship cus-calendar cus-house-go cus-folder-table cus-folder-camera cus-magnifier cus-book-open cus-bullet-error cus-control-pause-blue cus-feed-go cus-world-go cus-lock-delete cus-flag-blue cus-tag-orange cus-date-delete cus-wrench cus-sitemap cus-image-delete cus-application-osx cus-page-white-php cus-link-delete cus-group cus-printer-add cus-page-save cus-bullet-orange cus-feed-link cus-email-add cus-picture-key cus-cart-add cus-pill-add cus-folder-bell cus-page-excel cus-world-delete cus-arrow-switch cus-tag-red cus-page-green cus-new cus-map-delete cus-text-padding-left cus-emoticon-unhappy cus-chart-pie-delete cus-user-add cus-printer cus-text-columns cus-control-stop-blue cus-application-view-detail cus-bullet-arrow-top cus-application-view-icons cus-bricks cus-transmit cus-arrow-refresh cus-comment-delete cus-folder-edit cus-control-end cus-picture-save cus-page-white-width cus-asterisk-yellow cus-resultset-last cus-user-edit cus-cart-delete cus-pill-delete cus-chart-curve-error cus-magifier-zoom-out cus-application cus-status-online cus-flag-green cus-date-previous cus-film-link cus-find cus-page-white-stack cus-report cus-application-tile-horizontal cus-hourglass-add cus-page-key cus-heart-add cus-image-edit