'Primus' For Rapidweaver

your site slogan goes here

Button Icon CSS Class Names

The Pinnacle theme incorporates "webfonts" that can be used throughout the theme to create icones. The nice thing about webfonts is that they can easily be resized (just like you would do with a font) and they maintain their crispness.

I have included a few examples of creating buttons with some icons that you can use a sort of a template to help you get going.

<a href="#" class="btn purple"><span class="icon-home"></span>Home</a> Home
<a href="#" class="btn grey"><span class="icon-download"></span>Download</a> Download
<a href="#" class="btn blue"><span class="icon-download-2"></span>Download</a> Download
<a href="#" class="btn red"><span class="icon-cart2"></span>View Cart</a> View Cart
<a href="#" class="btn green"><span class="icon-plus"></span>More</a> More

Here are all the webfont icons along with their class name.

 icon-home  icon-home2  icon-home3  icon-home4  icon-home5  icon-home6  icon-home7  icon-home8  icon-home9  icon-home10  icon-home11  icon-home12  icon-office  icon-newspaper  icon-pencil  icon-pencil2  icon-pencil3  icon-pencil4  icon-pencil5  icon-pencil6  icon-quill  icon-quill2  icon-quill3  icon-pen  icon-pen2  icon-pen3  icon-pen4  icon-pen5  icon-marker  icon-marker2  icon-blog  icon-blog2  icon-brush  icon-palette  icon-palette2  icon-eyedropper  icon-eyedropper2  icon-droplet  icon-droplet2  icon-droplet3  icon-droplet4  icon-paint-format  icon-paint-format2  icon-image  icon-image2  icon-image3  icon-images  icon-image4  icon-image5  icon-image6  icon-images2  icon-image7  icon-camera  icon-camera2  icon-camera3  icon-camera4  icon-camera5  icon-camera6  icon-camera7  icon-camera8  icon-camera9  icon-music  icon-music2  icon-music3  icon-music4  icon-music5  icon-music6  icon-piano  icon-guitar  icon-headphones  icon-headphones2  icon-play  icon-play2  icon-movie  icon-movie2  icon-movie3  icon-film  icon-film2  icon-film3  icon-film4  icon-film4  icon-dice  icon-gamepad  icon-gamepad2  icon-gamepad3  icon-pacman  icon-spades  icon-clubs  icon-diamonds  icon-king  icon-queen  icon-rock  icon-bishop  icon-knight  icon-pawn  icon-chess  icon-bullhorn  icon-megaphone  icon-new  icon-connection  icon-connection2  icon-connection3  icon-podcast  icon-podcast2  icon-podcast3  icon-radio  icon-radio2  icon-feed  icon-mic  icon-mic2  icon-mic3  icon-mic4  icon-mic5  icon-book  icon-book2  icon-books  icon-reading  icon-library  icon-library2  icon-graduation  icon-file  icon-file2  icon-file3  icon-file4  icon-file5  icon-file6  icon-file7  icon-file8  icon-file9  icon-files  icon-profile  icon-file-plus  icon-file-minus  icon-file-download  icon-file-upload  icon-file-remove  icon-file-plus2  icon-file-minus2  icon-file-download2  icon-file-upload2  icon-check2  icon-remove2  icon-copy  icon-copy2  icon-copy3  icon-copy4  icon-paste  icon-paste2  icon-paste3  icon-stack  icon-stack2  icon-stack3  icon-folder  icon-folder-download  icon-folder-upload  icon-folder-plus  icon-folder-plus2  icon-folder-minus  icon-folder-minus2  icon-folder8  icon-folder-remove  icon-folder2  icon-folder-open  icon-folder3  icon-folder4  icon-folder-plus3  icon-folder-plus4  icon-folder-remove2  icon-folder-download2  icon-folder-upload2  icon-folder-download3  icon-folder-upload3  icon-folder5  icon-folder-open2  icon-folder6  icon-folder-open3  icon-certificate  icon-cc  icon-tag  icon-tag2  icon-tag3  icon-tag4  icon-tag5  icon-tag6  icon-tag7  icon-tag8  icon-tags  icon-tags2  icon-barcode  icon-barcode2  icon-qrcode  icon-ticket  icon-cart  icon-cart2  icon-cart3  icon-cart4  icon-cart5  icon-cart6  icon-cart7  icon-cart-plus  icon-arrow-cart-minus  icon-cart-add  icon-cart-remove  icon-cart-checkout  icon-cart-remove2  icon-basket  icon-basket2  icon-facebook  icon-facebook-2  icon-facebook-3  icon-facebook-4  icon-twitter  icon-twitter-2  icon-twitter-3  icon-bag  icon-bag2  icon-bag3  icon-coin  icon-coins  icon-credit  icon-credit2  icon-calculate  icon-calculate2  icon-support  icon-phone  icon-phone2  icon-phone3  icon-phone4  icon-contact-add  icon-contact-remove  icon-contact-add2  icon-contact-remove2  icon-call-incoming  icon-call-outgoing  icon-phone5  icon-phone6  icon-phone-hang-up  icon-phone-hang-up2  icon-address-book  icon-address-book2  icon-notebook  icon-envelop  icon-envelop2  icon-mail-send  icon-envelop-opened  icon-pushpin  icon-location  icon-location2  icon-location3  icon-location4  icon-location5  icon-location6  icon-location7  icon-compass  icon-compass2  icon-map  icon-map2  icon-map3  icon-map4  icon-direction  icon-history  icon-history2  icon-clock  icon-clock2  icon-clock3  icon-clock4  icon-clock5  icon-clock6  icon-clock7  icon-watch  icon-alarm  icon-alarm2  icon-bell  icon-bell2  icon-alarm-plus  icon-alarm-minus  icon-alarm-check  icon-alarm-cancel  icon-stopwatch  icon-calendar  icon-calendar2  icon-calendar3  icon-calendar4  icon-calendar5  icon-print  icon-print2  icon-print3  icon-mouse  icon-mouse2  icon-mouse3  icon-mouse4  icon-keyboard  icon-keyboard2  icon-screen  icon-screen2  icon-screen3  icon-screen4  icon-laptop  icon-mobile  icon-mobile2  icon-mobile3  icon-tablet  icon-tv  icon-cabinet  icon-archive  icon-drawer  icon-drawer2  icon-drawer3  icon-box  icon-box-add  icon-box-remove  icon-download  icon-upload  icon-disk  icon-cd  icon-storage  icon-storage2  icon-database  icon-database2  icon-database3  icon-undo  icon-redo  icon-rotate  icon-rotate2  icon-flip  icon-flip2  icon-unite  icon-subtract  icon-interset  icon-exclude  icon-align-left  icon-align-center-horizontal  icon-align-right  icon-align-top  icon-align-center-vertical  icon-align-bottom  icon-undo2  icon-redo2  icon-forward  icon-reply  icon-reply2  icon-bubble  icon-bubbles  icon-bubbles2  icon-bubble2  icon-bubbles3  icon-bubbles4  icon-bubble-notification  icon-bubbles5  icon-bubbles6  icon-bubble3  icon-bubble-dots  icon-bubble4  icon-bubble5  icon-bubble-dots2  icon-bubble6  icon-bubble7  icon-bubble8  icon-bubbles7  icon-bubble9  icon-bubbles8  icon-bubble10  icon-bubble-dots3  icon-bubble11  icon-bubble12  icon-bubble-dots4  icon-bubble13  icon-bubbles9  icon-bubbles10  icon-bubble-blocked  icon-bubble-quote  icon-bubble-user  icon-bubble-check  icon-bubble-video-chat  icon-bubble-link  icon-bubble-locked  icon-bubble-star  icon-bubble-heart  icon-bubble-paperclip  icon-bubble-cancel  icon-bubble-plus  icon-bubble-minus  icon-bubble-notification2  icon-bubble-trash  icon-bubble-left  icon-bubble-right  icon-bubble-up  icon-bubble-down  icon-bubble-first  icon-bubble-last  icon-bubble-replu  icon-bubble-forward  icon-bubble-reply  icon-bubble-forward2  icon-user  icon-users  icon-user-plus  icon-user-plus2  icon-user-minus  icon-user-minus2  icon-user-cancel  icon-user-block  icon-users2  icon-user2  icon-users3  icon-user-plus3  icon-user-minus3  icon-user-cancel2  icon-user-block2  icon-user3  icon-user4  icon-user5  icon-user6  icon-users4  icon-user7  icon-user8  icon-users5  icon-vcard  icon-tshirt  icon-hanger  icon-quotes-left  icon-quotes-right  icon-quotes-right2  icon-quotes-right3  icon-busy  icon-busy2  icon-busy3  icon-busy4  icon-spinner  icon-spinner2  icon-spinner3  icon-spinner4  icon-spinner5  icon-spinner6  icon-spinner7  icon-spinner8  icon-spinner9  icon-spinner10  icon-spinner11  icon-spinner12  icon-microscope  icon-binoculars  icon-binoculars2  icon-search  icon-search2  icon-zoom-in  icon-zoom-out  icon-search3  icon-search4  icon-zoom-in2  icon-zoom-out2  icon-search5  icon-expand  icon-contract  icon-scale-up  icon-scale-down  icon-expand2  icon-contract2  icon-scale-up2  icon-scale-down2  icon-fullscreen  icon-expand3  icon-contract3  icon-key  icon-key2  icon-key3  icon-key4  icon-key5  icon-keyhole  icon-lock  icon-lock2  icon-lock3  icon-lock4  icon-unlocked  icon-lock5  icon-unlocked2  icon-wrench  icon-wrench2  icon-wrench3  icon-wrench4  icon-settings  icon-equalizer  icon-equalizer2  icon-equalizer3  icon-cog  icon-cogs  icon-cog2  icon-cog3  icon-cog4  icon-cog5  icon-cog6  icon-cog7  icon-factory  icon-hammer  icon-tools  icon-screwdriver  icon-screwdriver2  icon-wand  icon-wand2  icon-health  icon-aid  icon-patch  icon-bug  icon-bug2  icon-inject  icon-inject2  icon-construction  icon-cone  icon-pie  icon-pie2  icon-pie3  icon-pie4  icon-pie5  icon-pie6  icon-pie7  icon-stats  icon-stats2  icon-stats3  icon-bars  icon-bars2  icon-bars3  icon-bars4  icon-bars5  icon-bars6  icon-stats-up  icon-stats-down  icon-stairs-down  icon-stairs-down2  icon-chart  icon-stairs  icon-stairs2  icon-ladder  icon-cake  icon-gift  icon-gift2  icon-balloon  icon-rating  icon-rating2  icon-rating3  icon-podium  icon-medal  icon-medal2  icon-medal3  icon-medal4  icon-medal5  icon-crown  icon-trophy  icon-trophy2  icon-trophy-star  icon-diamond  icon-diamond2  icon-glass  icon-glass2  icon-bottle  icon-bottle2  icon-mug  icon-food  icon-food2  icon-hamburger  icon-cup  icon-cup2  icon-leaf  icon-leaf2  icon-apple-fruit  icon-tree  icon-tree2  icon-paw  icon-steps  icon-flower  icon-rocket  icon-meter  icon-meter2  icon-meter-slow  icon-meter-medium  icon-meter-fast  icon-dashboard  icon-hammer2  icon-balance  icon-bomb  icon-fire  icon-fire2  icon-lab  icon-atom  icon-atom2  icon-magnet  icon-magnet2  icon-magnet3  icon-magnet4  icon-dumbbell  icon-skull  icon-skull2  icon-skull3  icon-lamp  icon-lamp2  icon-lamp3  icon-lamp4  icon-remove  icon-remove2  icon-remove3  icon-remove4  icon-remove5  icon-remove6  icon-remove7  icon-remove8  icon-briefcase  icon-briefcase2  icon-briefcase3  icon-airplane  icon-airplane2  icon-paper-plane  icon-car  icon-gas-pump  icon-bus  icon-truck  icon-bike  icon-road  icon-train  icon-ship  icon-boat  icon-cube  icon-cube2  icon-cube3  icon-cube4  icon-pyramid  icon-pyramid2  icon-cylinder  icon-package  icon-puzzle  icon-puzzle2  icon-puzzle3  icon-puzzle4  icon-glasses  icon-glasses2  icon-glasses3  icon-sun-glasses  icon-accessibility  icon-accessibility2  icon-brain  icon-target  icon-target2  icon-target3  icon-gun  icon-shield  icon-shield2  icon-shield3  icon-shield4  icon-soccer  icon-football  icon-baseball  icon-basketball  icon-golf  icon-hockey  icon-racing  icon-eight-ball  icon-bowling-ball  icon-bowling  icon-bowling2  icon-lightning  icon-power  icon-power2  icon-switch  icon-power-cord  icon-cord  icon-socket  icon-clipboard  icon-clipboard2  icon-signup  icon-clipboard3  icon-clipboard4  icon-list  icon-list2  icon-list3  icon-numbered-list  icon-list4  icon-list5  icon-playlist  icon-grid  icon-grid2  icon-grid3  icon-grid4  icon-grid5  icon-grid6  icon-tree3  icon-tree4  icon-tree5  icon-menu  icon-menu2  icon-circle-small  icon-menu3  icon-menu4  icon-menu5  icon-menu6  icon-menu7  icon-menu8  icon-menu9  icon-cloud  icon-cloud2  icon-cloud3  icon-cloud-download  icon-cloud-upload  icon-download2  icon-upload2  icon-download3  icon-upload3  icon-download4  icon-upload4  icon-download5  icon-upload5  icon-download6  icon-upload6  icon-download7  icon-upload7  icon-globe  icon-globe2  icon-globe3  icon-earth  icon-network  icon-link  icon-link2  icon-link3  icon-link22  icon-link4  icon-link5  icon-link6  icon-anchor  icon-flag  icon-flag2  icon-flag3  icon-flag4  icon-flag5  icon-flag6  icon-attachment  icon-attachment2  icon-eye  icon-eye-blocked  icon-eye2  icon-eye3  icon-eye4  icon-eye5  icon-eye6  icon-eye7  icon-eye8  icon-bookmark  icon-bookmark2  icon-bookmarks  icon-bookmark3  icon-spotlight  icon-starburst  icon-snowflake  icon-temperature  icon-temperature2  icon-weather-lightning  icon-weather-rain  icon-weather-snow  icon-windy  icon-fan  icon-umbrella  icon-sun  icon-sun2  icon-brightness-high  icon-brightness-medium  icon-brightness-low  icon-brightness-contrast  icon-contrast  icon-moon  icon-bed  icon-bed2  icon-star  icon-star2  icon-star3  icon-star4  icon-star5  icon-star6  icon-heart  icon-heart2  icon-heart3  icon-heart4  icon-heart-broken  icon-heart5  icon-heart6  icon-heart-broken2  icon-heart7  icon-heart8  icon-heart-broken3  icon-lips  icon-lips2  icon-thumbs-up  icon-thumbs-up2  icon-thumbs-down  icon-thumbs-down2  icon-thumbs-up3  icon-thumbs-up4  icon-thumbs-up5  icon-thumbs-up6  icon-people  icon-man  icon-male  icon-woman  icon-female  icon-peace  icon-yin-yang  icon-happy  icon-happy2  icon-smiley  icon-smiley2  icon-tongue  icon-tongue2  icon-sad  icon-sad2  icon-wink  icon-wink2  icon-grin  icon-grin2  icon-cool  icon-cool2  icon-angry  icon-angry2  icon-evil  icon-evil2  icon-shocked  icon-shocked2  icon-confused  icon-confused2  icon-neutral  icon-neutral2  icon-wondering  icon-wondering2  icon-cursor  icon-cursor2  icon-point-up  icon-point-right  icon-point-down  icon-point-left  icon-pointer  icon-hand  icon-stack-empty  icon-stack-plus  icon-stack-minus  icon-stack-star  icon-stack-picture  icon-stack-down  icon-stack-up  icon-stack-cancel  icon-stack-checkmark  icon-stack-list  icon-stack-clubs  icon-stack-spades  icon-stack-hearts  icon-stack-diamonds  icon-stack-user  icon-stack4  icon-stack-play  icon-move  icon-resize  icon-resize2  icon-warning  icon-warning2  icon-notification  icon-notification2  icon-question  icon-question2  icon-question3  icon-question4  icon-question5  icon-plus-circle  icon-plus-circle2  icon-minus-circle  icon-minus-circle2  icon-info  icon-info2  icon-blocked  icon-cancel-circle  icon-cancel-circle2  icon-checkmark-circle  icon-checkmark-circle2  icon-cancel  icon-close2  icon-close3  icon-close4  icon-close5  icon-checkmark  icon-checkmark2  icon-checkmark3  icon-checkmark4  icon-spell-check  icon-minus  icon-plus  icon-minus2  icon-plus2  icon-enter  icon-exit  icon-enter2  icon-exit2  icon-enter3  icon-exit3  icon-exit4  icon-play3  icon-pause  icon-stop  icon-backward  icon-forward2  icon-play4  icon-pause2  icon-stop2  icon-backward2  icon-forward3  icon-first  icon-last  icon-previous  icon-next  icon-eject  icon-volume-high  icon-volume-medium  icon-volume-low  icon-volume-mute  icon-volume-mute2  icon-volume-increase  icon-volume-decrease  icon-volume-high2  icon-volume-medium2  icon-volume-low2  icon-volume-mute3  icon-volume-mute4  icon-volume-increase2  icon-volume-decrease2  icon-volume5  icon-volume4  icon-volume3  icon-volume2  icon-volume1  icon-volume0  icon-volume-mute5  icon-volume-mute6  icon-loop2  icon-loop3  icon-loop4  icon-loop5  icon-shuffle  icon-shuffle2  icon-wave  icon-wave2  icon-arrow-first  icon-arrow-right  icon-next  icon-arrow-up  icon-arrow-right2  icon-arrow-down  icon-arrow-left  icon-arrow-up2  icon-arrow-right3  icon-arrow-down2  icon-arrow-left2  icon-arrow-up-left  icon-arrow-up3  icon-arrow-up-right  icon-arrow-right4  icon-arrow-down-right  icon-arrow-down3  icon-arrow-down-left  icon-arrow-left3  icon-arrow-up-left2  icon-arrow-up4  icon-arrow-up-right2  icon-arrow-right5  icon-arrow-down-right2  icon-arrow-down4  icon-arrow-down-left2  icon-arrow-left4  icon-arrow-up-left3  icon-arrow-up5  icon-arrow-up-right3  icon-arrow-right6  icon-arrow-down-right3  icon-arrow-down5  icon-arrow-down-left3  icon-arrow-left5  icon-arrow-up-left4  icon-arrow-up6  icon-arrow-up-right4  icon-arrow-right7  icon-arrow-down-right4  icon-arrow-down6  icon-arrow-down-left4  icon-arrow-left6  icon-arrow  icon-arrow2  icon-arrow3  icon-arrow4  icon-arrow5  icon-arrow6  icon-arrow7  icon-arrow8  icon-arrow-up-left5  icon-arrow-square  icon-arrow-up-right5  icon-arrow-right8  icon-arrow-down-right5  icon-arrow-down7  icon-arrow-down-left5  icon-arrow-left7  icon-arrow-up7  icon-arrow-right9  icon-arrow-down8  icon-arrow-left8  icon-arrow-up8  icon-arrow-right10  icon-arrow-bottom  icon-arrow-left9  icon-arrow-up-left6  icon-arrow-up9  icon-arrow-up-right6  icon-arrow-right11  icon-arrow-down-right6  icon-arrow-down9  icon-arrow-down-left6  icon-arrow-left10  icon-arrow-up-left7  icon-arrow-up10  icon-arrow-up-right7  icon-arrow-right12  icon-arrow-down-right7  icon-arrow-down10  icon-arrow-down-left7  icon-arrow-left11  icon-arrow-up11  icon-arrow-right13  icon-arrow-down11  icon-arrow-left12  icon-arrow-up12  icon-arrow-right14  icon-arrow-down12  icon-arrow-left13  icon-arrow-up13  icon-arrow-right15  icon-arrow-down13  icon-arrow-left14  icon-arrow-up14  icon-arrow-right16  icon-arrow-down14  icon-arrow-left15  icon-arrow-up15  icon-arrow-right17  icon-arrow-down15  icon-arrow-left16  icon-arrow-up16  icon-arrow-right18  icon-arrow-down16  icon-arrow-left17  icon-menu10  icon-menu11  icon-menu-close  icon-menu-close2  icon-enter4  icon-enter5  icon-esc  icon-backspace  icon-backspace2  icon-backspace3  icon-tab  icon-transmission  icon-transmission2  icon-sort  icon-sort2  icon-key-keyboard  icon-key-A  icon-key-up  icon-key-right  icon-key-down  icon-key-left  icon-command  icon-checkbox-checked  icon-checkbox-unchecked  icon-square  icon-checkbox-partial  icon-checkbox  icon-checkbox-unchecked2  icon-checkbox-partial2  icon-checkbox-checked2  icon-checkbox-unchecked3  icon-checkbox-partial3  icon-radio-checked  icon-radio-unchecked  icon-circle  icon-circle2  icon-crop  icon-crop2  icon-vector  icon-rulers  icon-scissors  icon-scissors2  icon-scissors3  icon-filter  icon-filter2  icon-filter3  icon-filter4  icon-font  icon-font-size  icon-type  icon-text-height  icon-text-width  icon-height  icon-width  icon-bold  icon-underline  icon-italic  icon-strikethrough  icon-strikethrough2  icon-font-size2  icon-bold2  icon-underline2  icon-italic2  icon-strikethrough3  icon-omega  icon-sigma  icon-nbsp  icon-page-break  icon-page-break2  icon-superscript  icon-subscript  icon-superscript2  icon-subscript2  icon-text-color  icon-highlight  icon-pagebreak  icon-clear-formatting  icon-table  icon-table2  icon-insert-template  icon-pilcrow  icon-left-toright  icon-right-toleft  icon-paragraph-left  icon-paragraph-center  icon-paragraph-right  icon-paragraph-justify  icon-paragraph-left2  icon-paragraph-center2  icon-paragraph-right2  icon-paragraph-justify2  icon-indent-increase  icon-indent-decrease  icon-paragraph-left3  icon-paragraph-center3  icon-paragraph-right3  icon-paragraph-justify3  icon-indent-increase2  icon-indent-decrease2  icon-share  icon-new-tab  icon-new-tab2  icon-popout  icon-embed  icon-code  icon-console  icon-seven-segment0  icon-seven-segment1  icon-seven-segment2  icon-seven-segment3  icon-seven-segment4  icon-seven-segment5  icon-seven-segment6  icon-seven-segment7  icon-seven-segment8  icon-seven-segment9  icon-share2  icon-share3  icon-mail  icon-mail2  icon-mail3  icon-mail4  icon-google  icon-google-plus  icon-google-plus2  icon-google-plus3  icon-google-plus4  icon-google-drive  icon-facebook  icon-facebook2  icon-facebook3  icon-facebook4  icon-instagram  icon-twitter  icon-twitter2  icon-twitter3  icon-feed2  icon-feed3  icon-feed4  icon-youtube  icon-youtube2  icon-vimeo  icon-vimeo2  icon-vimeo3  icon-lanyrd  icon-flickr  icon-flickr2  icon-flickr3  icon-flickr4  icon-picassa  icon-picassa2  icon-dribbble  icon-dribbble2  icon-dribbble3  icon-forrst  icon-forrst2  icon-deviantart  icon-deviantart2  icon-github  icon-github2  icon-github3  icon-github4  icon-github5  icon-wordpress  icon-wordpress2  icon-joomla  icon-blogger  icon-blogger2  icon-tumblr  icon-tumblr2  icon-yahoo  icon-tux  icon-apple  icon-finder  icon-android  icon-windows  icon-windows8  icon-soundcloud  icon-soundcloud2  icon-skype  icon-reddit  icon-linkedin  icon-lastfm  icon-lastfm2  icon-delicious  icon-stumbleupon  icon-stumbleupon2  icon-stackoverflow  icon-pinterest  icon-pinterest2  icon-xing  icon-xing2  icon-flattr  icon-foursquare  icon-foursquare2  icon-paypal  icon-paypal2  icon-paypal3  icon-yelp  icon-libreoffice  icon-file-pdf  icon-file-openoffice  icon-file-word  icon-file-excel  icon-file-zip  icon-file-powerpoint  icon-file-xml  icon-file-css  icon-html5  icon-html52  icon-css3  icon-safari  icon-opera  icon-IE  icon-firefox  icon-chrome

Because the icons are technically a font … you can use them in any size or any color