Loading the content...

Icons

  • Home
  • 가이드
  • 비반응형 ShortCodes
  • Icons

ICONS

"Font Awesome(http://fortawesome.github.io/Font-Awesome/)을 이용한 아이콘 활용법입니다."

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
            	
            
 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