ICONS

"이윰빌더에서 기본적으로 제공하는 BASIC 테마의 ShortCodes 입니다."

Info! 부트스트랩의 기본 가이드는 아래 링크를 참조하세요.

Bootstrap Site - http://getbootstrap.com/
부트스트랩 한글번역 - http://bootstrapk.com/
Font Awesome Glyphicon Icons Default and Rounded Icon Sizes Icon Color Social Icons

Font Awesome Icons

The complete set of 628 icons in Font Awesome 4.6.3
The Font Awesome Icons website is http://fortawesome.github.io/Font-Awesome/

ex) fa-bell
?
1
<i class="fa fa-bell"></i>
 fa-address-book  fa-address-book-o  fa-address-card  fa-address-card-o  fa-adjust  fa-american-sign-language-interpreting  fa-anchor  fa-archive  fa-area-chart  fa-arrows  fa-arrows-h  fa-arrows-v  fa-asl-interpreting  fa-assistive-listening-systems  asterisk  fa-at  fa-audio-description  fa-automobile  fa-balance-scale  fa-ban  fa-bank  fa-bar-chart  fa-bar-chart-o  fa-barcode  fa-bars  fa-bath  fa-bathtub  fa-battery-0  fa-battery-1  fa-battery-2  fa-battery-3  fa-battery-4  fa-battery-empty  fa-battery-full  fa-battery-half  fa-battery-quarter  fa-battery-three-quarters  fa-bed  fa-beer  fa-bell  fa-bell-o  fa-bell-slash  fa-bell-slash-o  fa-bicycle  fa-binoculars  fa-birthday-cake  fa-blind  fa-bluetooth  fa-bluetooth-b  fa-bolt  fa-bomb  fa-book  fa-bookmark  fa-bookmark-o  fa-braille  fa-briefcase  fa-bug  fa-building  fa-building-o  fa-bullseye  fa-bus  fa-cab  fa-calculator  fa-calendar  fa-calendar-check-o  fa-calendar-minus-o  fa-calendar-o  fa-calendar-plus-o  fa-calendar-times-o  fa-camera  fa-camera-retro  fa-car  fa-caret-square-o-down  fa-caret-square-o-left  fa-caret-square-o-right  fa-caret-square-o-up  fa-cart-arrow-down  fa-cart-plus  fa-cc  fa-certificate  fa-check  fa-check-circle  fa-check-circle-o  fa-check-square  fa-check-square-o  fa-child  fa-circle  fa-circle-o  fa-circle-o-notch  fa-circle-thin  fa-clock-o  fa-clone  fa-close  fa-cloud  fa-cloud-download  fa-cloud-upload  fa-code  fa-code-fork  fa-coffee  fa-cog  fa-cogs  fa-comment  fa-comment-o  fa-commenting  fa-commenting-o  fa-comments  fa-comments-o  fa-compass  fa-copyright  fa-creative-commons  fa-credit-card  fa-crop  fa-crosshairs  fa-cube  fa-cubes  fa-cutlery  fa-dashboard  fa-database  fa-deaf  fa-deafness  fa-desktop  fa-diamond  fa-dot-circle-o  fa-download  fa-drivers-license  fa-drivers-license-o  fa-edit  fa-ellipsis-h  fa-ellipsis-v  fa-envelope  fa-envelope-o  fa-envelope-open  fa-envelope-open-o  fa-envelope-square  fa-exchange  fa-exclamation  fa-exclamation-circle  fa-exclamation-triangle  fa-external-link  fa-external-link-square  fa-eye  fa-eye-slash  fa-eyedropper  fa-fax  fa-female  fa-fighter-jet  fa-file-archive-o  fa-file-audio-o  fa-file-code-o  fa-file-excel-o  fa-file-image-o  fa-file-movie-o  fa-file-pdf-o  fa-file-photo-o  fa-file-picture-o
 fa-file-powerpoint-o  fa-file-sound-o  fa-file-video-o  fa-file-word-o  fa-file-zip-o  fa-film  fa-filter  fa-fire  fa-fire-extinguisher  fa-flag  fa-flag-o  fa-flash  fa-flask  fa-folder  fa-folder-o  fa-folder-open  fa-folder-open-o  fa-frown-o  fa-futbol-o  fa-gamepad  fa-gavel  fa-gear  fa-gears  fa-gift  fa-glass  fa-globe  fa-graduation-cap  fa-group  fa-hand-grab-o  fa-hand-lizard-o  fa-hand-paper-o  fa-hand-peace-o  fa-hand-pointer-o  fa-hand-rock-o  fa-hand-scissors-o  fa-hand-spock-o  fa-hand-stop-o  fa-handshake-o  fa-hard-of-hearing  fa-hashtag  fa-hdd-o  fa-headphones  fa-heart  fa-heart-oaa  fa-heartbeat  fa-history  fa-home  fa-hotel  fa-hourglass  fa-hourglass-1  fa-hourglass-2  fa-hourglass-3  fa-hourglass-end  fa-hourglass-half  fa-hourglass-o  fa-hourglass-start  fa-i-cursor  fa-id-badge  fa-id-card  fa-id-card-o  fa-image  fa-inbox  fa-industry  fa-info  fa-info-circle  fa-institution  fa-key  fa-keyboard-o  fa-language  fa-laptop  fa-leaf  fa-legal  fa-lemon-o  fa-level-down  fa-level-up  fa-life-bouy  fa-life-buoy  fa-life-ring  fa-life-saver  fa-lightbulb-o  fa-line-chart  fa-location-arrow  fa-lock  fa-low-vision  fa-magic  fa-magnet  fa-mail-forward  fa-mail-reply  fa-mail-reply-all  fa-male  fa-map  fa-map-marker  fa-map-o  fa-map-pin  fa-map-signs  fa-meh-o  fa-microchip  fa-microphone  fa-microphone-slash  fa-minus  fa-minus-circle  fa-minus-square  fa-minus-square-o  fa-mobile  fa-mobile-phone  fa-money  fa-moon-o  fa-mortar-board  fa-motorcycle  fa-mouse-pointer  fa-music  fa-navicon  fa-newspaper-o  fa-object-group  fa-object-ungroup  fa-paint-brush  fa-paper-plane  fa-paper-plane-o  fa-paw  fa-pencil  fa-pencil-square  fa-pencil-square-o  fa-percent  fa-phone  fa-phone-square  fa-photo  fa-picture-o  fa-pie-chart  fa-plane  fa-plug  fa-plus  fa-plus-circle  fa-plus-square  fa-plus-square-o  fa-podcast  fa-power-off  fa-print  fa-puzzle-piece  fa-qrcode  fa-question  fa-question-circle  fa-question-circle-o  fa-quote-left  fa-quote-right  fa-random  fa-recycle  fa-refresh  fa-registered  fa-remove  fa-reorder  fa-reply  fa-reply-all  fa-retweet
 fa-road  fa-rocket  fa-rss  fa-rss-square  fa-s15  fa-search  fa-search-minus  fa-search-plus  fa-send  fa-send-o  fa-server  fa-share  fa-share-alt  fa-share-alt-square  fa-share-square  fa-share-square-o  fa-shield  fa-ship  fa-shopping-bag  fa-shopping-basket  fa-shopping-cart  fa-shower  fa-sign-in  fa-sign-in-language  fa-sign-out  fa-signal  fa-signing  fa-sitemap  fa-sliders  fa-smile-o  fa-snowflake-o  fa-soccer-ball-o  fa-sort  fa-sort-alpha-asc  fa-sort-alpha-desc  fa-sort-amount-asc  fa-sort-amount-desc  fa-sort-asc  fa-sort-desc  fa-sort-down  fa-sort-numeric-asc  fa-sort-numeric-desc  fa-sort-up  fa-space-shuttle  fa-spinner  fa-spoon  fa-square  fa-square-o  fa-star  fa-star-half  fa-star-half-empty  fa-star-half-full  fa-star-half-o  fa-star-o  fa-sticky-note  fa-sticky-note-o  fa-street-view  fa-suitcase  fa-sun-o  fa-support  fa-tablet  fa-tachometer  fa-tag  fa-tags  fa-tasks  fa-taxi  fa-television  fa-terminal  fa-thermometer  fa-thermometer-0  fa-thermometer-1  fa-thermometer-2  fa-thermometer-3  fa-thermometer-4  fa-thermometer-empty  fa-thermometer-full  fa-thermometer-half  fa-thermometer-quarter  fa-thermometer-three-quarters  fa-thumb-tack  fa-thumbs-down  fa-thumbs-o-down  fa-thumbs-o-up  fa-thumbs-up  fa-ticket  fa-times  fa-times-circle  fa-times-circle-o  fa-times-rectangle  fa-times-rectangle-o  fa-tint  fa-toggle-down  fa-toggle-left  fa-toggle-off  fa-toggle-on  fa-toggle-right  fa-toggle-up  fa-trademark  fa-trash  fa-trash-o  fa-tree  fa-trophy  fa-truck  fa-tty  fa-tv  fa-umbrella  fa-universal-access  fa-university  fa-unlock  fa-unlock-alt  fa-unsorted  fa-upload  fa-pencil  fa-user  fa-user-circle  fa-user-circle-o  fa-user-o  fa-user-plus  fa-user-secret  fa-user-times  fa-users  fa-vcard  fa-vcard-o  fa-video-camera  fa-volume-control-phone  fa-volume-down  fa-volume-off  fa-volume-up  fa-warning  fa-plane  fa-wheelchair  fa-wheelchair-alt  fa-wifi  fa-window-close  fa-window-close-o  fa-window-maximize  fa-window-minimize  fa-window-restore  fa-wrench
 fa-angle-double-down  fa-angle-double-left  fa-angle-double-right  fa-angle-double-up  fa-angle-down  fa-angle-left  fa-angle-right  fa-angle-up  fa-arrow-circle-down  fa-arrow-circle-left  fa-arrow-circle-o-down  fa-arrow-circle-o-left  fa-arrow-circle-o-right  fa-arrow-circle-o-up  fa-arrow-circle-right  fa-arrow-circle-up  fa-arrow-down  fa-arrow-left  fa-arrow-right  fa-arrow-up  fa-arrows  fa-arrows-alt  fa-arrows-h  fa-arrows-v  fa-caret-down  fa-caret-left  fa-caret-right  fa-caret-square-o-down  fa-caret-square-o-left  fa-caret-square-o-right  fa-caret-square-o-up  fa-caret-up  fa-chevron-circle-down  fa-chevron-circle-left  fa-chevron-circle-right  fa-chevron-circle-up  fa-chevron-down  fa-chevron-left  fa-chevron-right  fa-chevron-up  fa-hand-o-down  fa-hand-o-left  fa-hand-o-right  fa-hand-o-up  fa-long-arrow-down  fa-long-arrow-left  fa-long-arrow-right  fa-long-arrow-up  fa-toggle-down  fa-toggle-left  fa-toggle-right  fa-toggle-up
 fa-500px  fa-adn  fa-amazon  fa-android  fa-angellist  fa-apple  fa-bandcamp  fa-behance  fa-behance-square  fa-bitbucket  fa-bitbucket-square  fa-black-tie  fa-btc  fa-buysellads  fa-cc-amex  fa-cc-diners-club  fa-cc-discover  fa-cc-jcb  fa-cc-mastercard  fa-cc-paypal  fa-cc-stripe  fa-cc-visa  fa-chrome  fa-codepen  fa-codiepie  fa-connectdevelop  fa-contao  fa-css3  fa-dashcube  fa-delicious  fa-deviantart  fa-digg  fa-dribbble  fa-dropbox  fa-drupal  fa-edge  fa-eercast  fa-empire  fa-envira  fa-etsy  fa-expeditedssl  fa-fa  fa-facebook  fa-facebook-official  fa-facebook-square  fa-firefox  fa-flickr  fa-fonticons  fa-fort-awesome  fa-forumbee  fa-foursquare  fa-free-code-camp  fa-ge  fa-ge  fa-get-pocket  fa-gg  fa-gg-circle  fa-git  fa-git-square  fa-github  fa-github-alt  fa-github-square  fa-gitlab  fa-gittip  fa-glide  fa-glide-g  fa-google  fa-google-plus  fa-google-plus-square  fa-google-wallet  fa-gratipay  fa-grav  fa-hacker-news  fa-houzz  fa-html5  fa-imdb  fa-instagram  fa-internet-explorer  fa-ioxhost  fa-joomla  fa-jsfiddle  fa-lastfm  fa-lastfm-square  fa-leanpub  fa-linkedin  fa-linkedin-square  fa-linode  fa-linux  fa-maxcdn  fa-meanpath  fa-medium  fa-meetup  fa-mixcloud  fa-modx  fa-odnoklassniki  fa-odnoklassniki-square  fa-opencart  fa-openid  fa-opera  fa-optin-monster  fa-pagelines  fa-paypal  fa-pied-piper  fa-pied-piper-alt  fa-pinterest  fa-pinterest-p  fa-pinterest-square  fa-product-hunt  fa-qq  fa-quora  fa-ra  fa-ravelry  fa-rebel  fa-reddit  fa-reddit-alien  fa-reddit-square  fa-renren  fa-safari  fa-scribd  fa-sellsy  fa-share-alt  fa-share-alt-square  fa-shirtsinbulk  fa-simplybuilt  fa-skyatlas  fa-skype  fa-slack  fa-slideshare  fa-snapchat  fa-snapchat-ghost  fa-snapchat-square  fa-soundcloud  fa-spotify  fa-stack-exchange  fa-stack-overflow  fa-steam  fa-steam-square  fa-stumbleupon  fa-stumbleupon-circle  fa-superpowers  fa-telegram  fa-tencent-weibo  fa-trello  fa-tripadvisor  fa-tumblr  fa-tumblr-square  fa-twitch  fa-twitter  fa-twitter-square  fa-usb  fa-viacoin  fa-viadeo  fa-viadeo-square  fa-vimeo  fa-vimeo-square  fa-vine  fa-vk  fa-wechat  fa-weibo  fa-weixin  fa-whatsapp  fa-wikipedia-w  fa-windows  fa-wordpress  fa-wpbeginner  fa-wpexplorer  fa-wpforms  fa-xing  fa-xing-square  fa-y-combinator  fa-y-combinator-square  fa-yahoo  fa-yc  fa-yc-square  fa-yelp  fa-youtube  fa-youtube-play  fa-youtube-square

Transportation Icons

 fa-ambulance  fa-automobile  fa-bicycle  fa-bus  fa-cab  fa-car  fa-fighter-jet  fa-motorcycle  fa-plane  fa-rocket  fa-ship  fa-space-shuttle  fa-subway  fa-taxi  fa-train  fa-truck  fa-wheelchair

Gender Icons

 fa-genderless  fa-intersex  fa-mars  fa-mars-double  fa-mars-stroke  fa-mars-stroke-h  fa-mars-stroke-v  fa-mercury  fa-neuter  fa-transgender  fa-transgender-alt  fa-venus  fa-venus-double  fa-venus-mars

Form Control Icons

 fa-check-square  fa-check-square-o  fa-circle  fa-circle-o  fa-dot-circle-o  fa-plus-square  fa-plus-square-o  fa-minus-square  fa-minus-square-o  fa-square  fa-square-o

Payment Icons

 fa-cc-amex  fa-cc-diners-club  fa-cc-discover  fa-cc-jcb  fa-cc-mastercard  fa-cc-paypal  fa-cc-stripe  fa-cc-visa  fa-credit-card  fa-credit-card-alt  fa-google-wallet  fa-paypal

Currency Icons

 fa-bitcoin  fa-btc  fa-cny  fa-dollar  fa-eur  fa-euro  fa-gbp  fa-ils  fa-inr  fa-jpy  fa-krw  fa-money  fa-rmb  fa-rouble  fa-rub  fa-ruble  fa-rupee  fa-shekel  fa-sheqel  fa-try  fa-turkish-lira  fa-usd  fa-won  fa-yen

Video Player Icons

 fa-arrows-alt  fa-backward  fa-compress  fa-eject  fa-expand  fa-fast-backward  fa-fast-forward  fa-forward  fa-pause  fa-pause-circle  fa-pause-circle-o  fa-play  fa-play-circle  fa-play-circle-o  fa-step-backward  fa-step-forward  fa-stop  fa-stop-circle  fa-stop-circle-o  fa-youtube-play

Chart Icons

 fa-area-chart  fa-bar-chart  fa-bar-chart-o  fa-line-chart  fa-pie-chart

Text Editor Icons

 fa-align-center  fa-bold  fa-columns  fa-eraser  fa-file-text-o  fa-header  fa-list  fa-outdent  fa-repeat  fa-scissors  fa-table  fa-th-large  fa-chain-broken  fa-align-justify  fa-link  fa-copy  fa-file  fa-files-o  fa-indent  fa-list-alt  fa-paperclip  fa-undo  fa-strikethrough  fa-text-height  fa-th-list  fa-align-left  fa-chain-broken  fa-cut  fa-file-o  fa-floppy-o  fa-italic  fa-list-ol  fa-paragraph  fa-repeat  fa-subscript  fa-text-width  fa-underline  fa-clipboard  fa-outdent  fa-file-text  fa-font  fa-link  fa-list-ul  fa-align-right  fa-th

File Type Icons

 fa-file  fa-file-excel-o  fa-file-pdf-o  fa-file-audio-o  fa-file-word-o  fa-file-archive-o  fa-file-image-o  fa-file-photo-o  fa-file-text  fa-file-archive-o  fa-file-audio-o  fa-file-video-o  fa-file-picture-o  fa-file-text-o  fa-file-code-o  fa-file-o  fa-file-powerpoint-o  fa-file-video-o

Medical Icons

 fa-ambulance  fa-h-square  fa-heart  fa-heart-o  fa-heartbeat  fa-hospital-o  fa-medkit  fa-plus-square  fa-stethoscope  fa-user-md  fa-wheelchair

Spinner Icons

  • Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, fa-refresh, fa-circle-o-notch, and fa-cog.
 fa-circle-o-notch  fa-spinner  fa-cog  fa-gear  fa-refresh
?
1
2
3
4
5
6
<i class="fa fa-circle-o-notch fa-spin"></i>
<i class="fa fa-spinner fa-spin"></i>
<i class="fa fa-cog fa-spin"></i>
<i class="fa fa-gear fa-spin"></i>
<i class="fa fa-refresh fa-spin"></i>

Glyphicon Icons

Bootrtap has included 200 Glyphicons icons as its default icons
The offecial Glyphicons Icons website is http://glyphicons.com

ex) glyphicon-bell
?
1
<span class="glyphicon glyphicon-bell"></span>
  • .glyphicon .glyphicon-bell
  • .glyphicon .glyphicon-earphone
  • .glyphicon .glyphicon-envelope
  • .glyphicon .glyphicon-globe
  • .glyphicon .glyphicon-link
  • .glyphicon .glyphicon-flag
  • .glyphicon .glyphicon-wrench
  • .glyphicon .glyphicon-heart
  • .glyphicon .glyphicon-heart-empty
  • .glyphicon .glyphicon-gift
  • .glyphicon .glyphicon-glass
  • .glyphicon .glyphicon-plane
  • .glyphicon .glyphicon-headphones
  • .glyphicon .glyphicon-off
  • .glyphicon .glyphicon-map-marker
  • .glyphicon .glyphicon-pushpin
  • .glyphicon .glyphicon-refresh
  • .glyphicon .glyphicon-leaf
  • .glyphicon .glyphicon-send
  • .glyphicon .glyphicon-time
  • .glyphicon .glyphicon-backward
  • .glyphicon .glyphicon-ban-circle
  • .glyphicon .glyphicon-barcode
  • .glyphicon .glyphicon-bold
  • .glyphicon .glyphicon-book
  • .glyphicon .glyphicon-bookmark
  • .glyphicon .glyphicon-briefcase
  • .glyphicon .glyphicon-bullhorn
  • .glyphicon .glyphicon-calendar
  • .glyphicon .glyphicon-camera
  • .glyphicon .glyphicon-certificate
  • .glyphicon .glyphicon-check
  • .glyphicon .glyphicon-chevron-down
  • .glyphicon .glyphicon-chevron-left
  • .glyphicon .glyphicon-chevron-right
  • .glyphicon .glyphicon-chevron-up
  • .glyphicon .glyphicon-circle-arrow-down
  • .glyphicon .glyphicon-circle-arrow-left
  • .glyphicon .glyphicon-circle-arrow-right
  • .glyphicon .glyphicon-circle-arrow-up
  • .glyphicon .glyphicon-cloud
  • .glyphicon .glyphicon-cloud-download
  • .glyphicon .glyphicon-cloud-upload
  • .glyphicon .glyphicon-cog
  • .glyphicon .glyphicon-collapse-down
  • .glyphicon .glyphicon-collapse-up
  • .glyphicon .glyphicon-comment
  • .glyphicon .glyphicon-compressed
  • .glyphicon .glyphicon-copyright-mark
  • .glyphicon .glyphicon-credit-card
  • .glyphicon .glyphicon-cutlery
  • .glyphicon .glyphicon-dashboard
  • .glyphicon .glyphicon-download
  • .glyphicon .glyphicon-download-alt
  • .glyphicon .glyphicon-edit
  • .glyphicon .glyphicon-eject
  • .glyphicon .glyphicon-envelope
  • .glyphicon .glyphicon-euro
  • .glyphicon .glyphicon-exclamation-sign
  • .glyphicon .glyphicon-expand
  • .glyphicon .glyphicon-export
  • .glyphicon .glyphicon-eye-close
  • .glyphicon .glyphicon-eye-open
  • .glyphicon .glyphicon-facetime-video
  • .glyphicon .glyphicon-fast-backward
  • .glyphicon .glyphicon-fast-forward
  • .glyphicon .glyphicon-file
  • .glyphicon .glyphicon-film
  • .glyphicon .glyphicon-filter
  • .glyphicon .glyphicon-flash
  • .glyphicon .glyphicon-align-left
  • .glyphicon .glyphicon-align-left
  • .glyphicon .glyphicon-align-justify
  • .glyphicon .glyphicon-align-left
  • .glyphicon .glyphicon-align-right
  • .glyphicon .glyphicon-arrow-down
  • .glyphicon .glyphicon-arrow-left
  • .glyphicon .glyphicon-arrow-right
  • .glyphicon .glyphicon-arrow-up
  • .glyphicon .glyphicon-asterisk
  • .glyphicon .glyphicon-floppy-disk
  • .glyphicon .glyphicon-floppy-open
  • .glyphicon .glyphicon-floppy-remove
  • .glyphicon .glyphicon-floppy-save
  • .glyphicon .glyphicon-floppy-saved
  • .glyphicon .glyphicon-folder-close
  • .glyphicon .glyphicon-folder-open
  • .glyphicon .glyphicon-font
  • .glyphicon .glyphicon-forward
  • .glyphicon .glyphicon-fullscreen
  • .glyphicon .glyphicon-gbp
  • .glyphicon .glyphicon-hand-down
  • .glyphicon .glyphicon-hand-left
  • .glyphicon .glyphicon-hand-right
  • .glyphicon .glyphicon-hand-up
  • .glyphicon .glyphicon-hd-video
  • .glyphicon .glyphicon-hdd
  • .glyphicon .glyphicon-header
  • .glyphicon .glyphicon-home
  • .glyphicon .glyphicon-import
  • .glyphicon .glyphicon-inbox
  • .glyphicon .glyphicon-indent-left
  • .glyphicon .glyphicon-indent-right
  • .glyphicon .glyphicon-info-sign
  • .glyphicon .glyphicon-italic
  • .glyphicon .glyphicon-list
  • .glyphicon .glyphicon-list-alt
  • .glyphicon .glyphicon-lock
  • .glyphicon .glyphicon-log-in
  • .glyphicon .glyphicon-log-out
  • .glyphicon .glyphicon-magnet
  • .glyphicon .glyphicon-minus
  • .glyphicon .glyphicon-minus-sign
  • .glyphicon .glyphicon-move
  • .glyphicon .glyphicon-music
  • .glyphicon .glyphicon-new-window
  • .glyphicon .glyphicon-ok
  • .glyphicon .glyphicon-ok-circle
  • .glyphicon .glyphicon-ok-sign
  • .glyphicon .glyphicon-open
  • .glyphicon .glyphicon-paperclip
  • .glyphicon .glyphicon-pause
  • .glyphicon .glyphicon-pencil
  • .glyphicon .glyphicon-phone
  • .glyphicon .glyphicon-phone-alt
  • .glyphicon .glyphicon-picture
  • .glyphicon .glyphicon-play
  • .glyphicon .glyphicon-play-circle
  • .glyphicon .glyphicon-plus
  • .glyphicon .glyphicon-plus-sign
  • .glyphicon .glyphicon-print
  • .glyphicon .glyphicon-qrcode
  • .glyphicon .glyphicon-question-sign
  • .glyphicon .glyphicon-random
  • .glyphicon .glyphicon-record
  • .glyphicon .glyphicon-registration-mark
  • .glyphicon .glyphicon-remove
  • .glyphicon .glyphicon-remove-circle
  • .glyphicon .glyphicon-remove-sign
  • .glyphicon .glyphicon-repeat
  • .glyphicon .glyphicon-resize-full
  • .glyphicon .glyphicon-resize-horizontal
  • .glyphicon .glyphicon-resize-small
  • .glyphicon .glyphicon-resize-vertical
  • .glyphicon .glyphicon-retweet
  • .glyphicon .glyphicon-road
  • .glyphicon .glyphicon-save
  • .glyphicon .glyphicon-saved
  • .glyphicon .glyphicon-screenshot
  • .glyphicon .glyphicon-search
  • .glyphicon .glyphicon-share
  • .glyphicon .glyphicon-share-alt
  • .glyphicon .glyphicon-shopping-cart
  • .glyphicon .glyphicon-signal
  • .glyphicon .glyphicon-sort
  • .glyphicon .glyphicon-sort-by-alphabet
  • .glyphicon .glyphicon-sort-by-alphabet-alt
  • .glyphicon .glyphicon-sort-by-attributes
  • .glyphicon .glyphicon-sort-by-attributes-alt
  • .glyphicon .glyphicon-sort-by-order
  • .glyphicon .glyphicon-sort-by-order-alt
  • .glyphicon .glyphicon-star
  • .glyphicon .glyphicon-star-empty
  • .glyphicon .glyphicon-stats
  • .glyphicon .glyphicon-step-backward
  • .glyphicon .glyphicon-step-forward
  • .glyphicon .glyphicon-stop
  • .glyphicon .glyphicon-subtitles
  • .glyphicon .glyphicon-tag
  • .glyphicon .glyphicon-tags
  • .glyphicon .glyphicon-tasks
  • .glyphicon .glyphicon-text-height
  • .glyphicon .glyphicon-text-width
  • .glyphicon .glyphicon-th
  • .glyphicon .glyphicon-th-large
  • .glyphicon .glyphicon-th-list
  • .glyphicon .glyphicon-thumbs-down
  • .glyphicon .glyphicon-thumbs-up
  • .glyphicon .glyphicon-tint
  • .glyphicon .glyphicon-tower
  • .glyphicon .glyphicon-transfer
  • .glyphicon .glyphicon-trash
  • .glyphicon .glyphicon-tree-deciduous
  • .glyphicon .glyphicon-unchecked
  • .glyphicon .glyphicon-upload
  • .glyphicon .glyphicon-usd
  • .glyphicon .glyphicon-user
  • .glyphicon .glyphicon-volume-down
  • .glyphicon .glyphicon-volume-off
  • .glyphicon .glyphicon-volume-up
  • .glyphicon .glyphicon-warning-sign
  • .glyphicon .glyphicon-zoom-in

Default and Rounded

?
1
2
3
4
5
6
7
8
9
10
11
12
<i class="icon-custom rounded-x icon-color-red fa fa-thumbs-up"></i>
<i class="icon-custom rounded-x icon-bg-red fa fa-thumbs-down"></i>
 
<i class="icon-custom rounded-2x icon-color-dark fa fa-thumbs-up"></i>
<i class="icon-custom rounded-2x icon-bg-dark fa fa-thumbs-down"></i>
 
<i class="icon-custom rounded icon-color-green fa fa-thumbs-up"></i>
<i class="icon-custom rounded icon-bg-green fa fa-thumbs-down"></i>
 
<i class="icon-custom icon-color-yellow fa fa-thumbs-up"></i>
<i class="icon-custom icon-bg-yellow fa fa-thumbs-down"></i>

Icon Sizes

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<i class="icon-custom icon-lg rounded-x icon-color-purple fa fa-coffee"></i>
<i class="icon-custom rounded-x icon-color-purple fa fa-comments-o"></i>
<i class="icon-custom icon-sm rounded-x icon-color-purple fa fa-pie-chart"></i>                   
 
<i class="icon-custom icon-lg rounded-x icon-bg-purple fa fa-coffee"></i>
<i class="icon-custom rounded-x icon-bg-purple fa fa-comments-o"></i>
<i class="icon-custom icon-sm rounded-x icon-bg-purple fa fa-pie-chart"></i>
 
<i class="icon-custom icon-lg rounded-2x icon-color-blue fa fa-lightbulb-o"></i>
<i class="icon-custom rounded-2x icon-color-blue fa fa-trash-o"></i>
<i class="icon-custom icon-sm rounded-2x icon-dark-blue fa fa-thumbs-o-up"></i>
 
<i class="icon-custom icon-lg rounded-2x icon-bg-blue fa fa-lightbulb-o"></i>
<i class="icon-custom rounded-2x icon-bg-blue fa fa-trash-o"></i>
<i class="icon-custom icon-sm rounded-2x icon-bg-blue fa fa-thumbs-o-up"></i>
 
<i class="icon-custom icon-lg rounded icon-color-orange fa fa-shopping-cart"></i>
<i class="icon-custom rounded icon-color-orange fa fa-paper-plane-o"></i>
<i class="icon-custom icon-sm rounded icon-color-orange fa fa-tags"></i>
 
<i class="icon-custom icon-lg rounded icon-bg-orange fa fa-shopping-cart"></i>
<i class="icon-custom rounded icon-bg-orange fa fa-paper-plane-o"></i>
<i class="icon-custom icon-sm rounded icon-bg-orange fa fa-tags"></i>
 
<i class="icon-custom icon-lg icon-color-brown fa fa-microphone"></i>
<i class="icon-custom icon-color-brown fa fa-bell-o"></i>
<i class="icon-custom icon-sm icon-color-brown fa fa-pencil"></i>
 
<i class="icon-custom icon-lg icon-bg-brown fa fa-microphone"></i>
<i class="icon-custom icon-bg-brown fa fa-bell-o"></i>
<i class="icon-custom icon-sm icon-bg-brown fa fa-pencil"></i>

Icon Color

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<i class="icon-custom icon-bg-aqua fa fa-envelope-o"></i>                       
<i class="icon-custom icon-lg icon-bg-sea fa fa-fax"></i>                       
<i class="icon-custom icon-lg icon-bg-light-green fa fa-chain-broken"></i>                           
<i class="icon-custom icon-lg icon-bg-orange fa fa-flag"></i>                       
<i class="icon-custom icon-lg icon-bg-brown fa fa-hdd-o"></i>
 
<i class="icon-custom icon-lg icon-color-purple fa fa-gift"></i>                       
<i class="icon-custom icon-lg icon-color-blue fa fa-tasks"></i>
<i class="icon-custom icon-lg icon-color-yellow fa fa-language"></i>                       
<i class="icon-custom icon-lg icon-color-green fa fa-magic"></i>                       
<i class="icon-custom icon-lg icon-color-red fa fa-files-o"></i>
 
<i class="icon-custom icon-lg rounded-x icon-color-red fa fa-anchor"></i>                       
<i class="icon-custom icon-lg rounded-x icon-color-green fa fa-ban"></i>
<i class="icon-custom icon-lg rounded-x icon-color-yellow fa fa-beer"></i>                       
<i class="icon-custom icon-lg rounded-x icon-color-blue fa fa-binoculars"></i>                       
<i class="icon-custom icon-lg rounded-x icon-color-purple fa fa-bomb"></i>
 
<i class="icon-custom icon-lg rounded-x icon-bg-grey fa fa-briefcase"></i>                       
<i class="icon-custom icon-lg rounded-x icon-bg-dark fa fa-bullhorn"></i>                       
<i class="icon-custom icon-lg rounded-x icon-bg-brown icon-line fa fa-child"></i>                           
<i class="icon-custom icon-lg rounded-x icon-bg-orange fa fa-cogs"></i>                       
<i class="icon-custom icon-lg rounded-x icon-bg-light-green fa fa-desktop"></i>

Social Icons

Social Icons

?
1
2
3
4
<a href="#" class="btn-e btn-brd btn-brd-hover btn-e-dark-blue"><i class="fa fa-facebook font-size-14"></i></a>
<a href="#" class="btn-e btn-brd btn-brd-hover btn-e-blue"><i class="fa fa-twitter font-size-14"></i></a>
<a href="#" class="btn-e btn-brd btn-brd-hover btn-e-red"><i class="fa fa-google-plus font-size-14"></i></a>
<a href="#" class="btn-e btn-brd btn-brd-hover btn-e-yellow"><i class="fa fa-rss font-size-14"></i></a>

Border Social Icons

?
1
2
3
4
<a href="#" class="btn-e btn-e-dark-blue"><i class="fa fa-facebook font-size-14"></i></a>
<a href="#" class="btn-e btn-e-blue"><i class="fa fa-twitter font-size-14"></i></a>
<a href="#" class="btn-e btn-e-red"><i class="fa fa-google-plus font-size-14"></i></a>
<a href="#" class="btn-e btn-e-yellow"><i class="fa fa-rss font-size-14"></i></a>

Default Social Icons

?
1
2
3
4
5
6
7
8
9
10
11
12
<ul class="social-icons">
    <li><a href="#" class="social_facebook"></a></li>
    <li><a href="#" class="social_twitter"></a></li>
    <li><a href="#" class="social_google"></a></li>
    <li><a href="#" class="social_kakaostory"></a></li>
    <li><a href="#" class="social_band"></a></li>
    <li><a href="#" class="social_youtube"></a></li>
    <li><a href="#" class="social_instagram"></a></li>
    <li><a href="#" class="social_pinterest"></a></li>
    <li><a href="#" class="social_behance"></a></li>
    <li><a href="#" class="social_tumblr"></a></li>
</ul>

Rounded Social Icons

?
1
2
3
4
5
6
7
8
9
10
11
12
<ul class="social-icons">
    <li><a href="#" class="rounded social_facebook"></a></li>
    <li><a href="#" class="rounded social_twitter"></a></li>
    <li><a href="#" class="rounded social_google"></a></li>
    <li><a href="#" class="rounded social_kakaostory"></a></li>
    <li><a href="#" class="rounded social_band"></a></li>
    <li><a href="#" class="rounded social_youtube"></a></li>
    <li><a href="#" class="rounded social_instagram"></a></li>
    <li><a href="#" class="rounded social_pinterest"></a></li>
    <li><a href="#" class="rounded social_behance"></a></li>
    <li><a href="#" class="rounded social_tumblr"></a></li>
</ul>

Circle Social Icons

?
1
2
3
4
5
6
7
8
9
10
11
12
<ul class="social-icons">
    <li><a href="#" class="rounded-x social_facebook"></a></li>
    <li><a href="#" class="rounded-x social_twitter"></a></li>
    <li><a href="#" class="rounded-x social_google"></a></li>
    <li><a href="#" class="rounded-x social_kakaostory"></a></li>
    <li><a href="#" class="rounded-x social_band"></a></li>
    <li><a href="#" class="rounded-x social_youtube"></a></li>
    <li><a href="#" class="rounded-x social_instagram"></a></li>
    <li><a href="#" class="rounded-x social_pinterest"></a></li>
    <li><a href="#" class="rounded-x social_behance"></a></li>
    <li><a href="#" class="rounded-x social_tumblr"></a></li>
</ul>