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