Công cụ tạo Bootstrap Button

Trình tạo nút đơn giản và dễ sử dụng để tạo nhanh các nút (button) Bootstrap 4 với các biểu tượng Font Awesome.

  • 500px

  • address-book

  • address-book-o

  • address-card

  • address-card-o

  • adjust

  • adn

  • align-center, text editor

  • align-justify, text editor

  • align-left, text editor

  • align-right, text editor

  • amazon

  • ambulance, medical

  • american-sign-language-interpreting, accessibility

  • anchor

  • android

  • angellist

  • angle-double-down, arrow

  • angle-double-left, arrow

  • angle-double-right, arrow

  • angle-double-up, arrow

  • angle-down, arrow

  • angle-left, arrow

  • angle-right, arrow

  • angle-up, arrow

  • apple

  • archive

  • area-chart

  • arrow-circle-down, arrow

  • arrow-circle-left, arrow

  • arrow-circle-o-down, arrow

  • arrow-circle-o-left, arrow

  • arrow-circle-o-right, arrow

  • arrow-circle-o-up, arrow

  • arrow-circle-right, arrow

  • arrow-circle-up, arrow

  • arrow-down, arrow

  • arrow-left, arrow

  • arrow-right, arrow

  • arrow-up, arrow

  • arrows, arrow

  • arrows-alt, arrow, player

  • arrows-h, arrow

  • arrows-v, arrow

  • asl-interpreting, accessibility

  • assistive-listening-systems, accessibility

  • asterisk

  • at

  • audio-description, accessibility

  • automobile, transportation

  • backward, player

  • balance-scale

  • ban

  • bandcamp

  • bank

  • bar-chart

  • bar-chart-o

  • barcode

  • bars

  • bath

  • bathtub

  • battery

  • battery-0

  • battery-1

  • battery-2

  • battery-3

  • battery-4

  • battery-empty

  • battery-full

  • battery-half

  • battery-quarter

  • battery-three-quarters

  • bed

  • beer

  • behance, social media

  • behance-square, social media

  • bell

  • bell-o

  • bell-slash

  • bell-slash-o

  • bicycle, transportation

  • binoculars

  • birthday-cake

  • bitbucket

  • bitbucket-square

  • bitcoin, currency

  • black-tie

  • blind, accessibility

  • bluetooth

  • bluetooth-b

  • bold, text editor

  • bolt

  • bomb

  • book

  • bookmark

  • bookmark-o

  • braille, accessibility

  • briefcase

  • btc, currency

  • bug

  • building

  • building-o

  • bullhorn

  • bullseye

  • bus, transportation

  • buysellads

  • cab, transportation

  • calculator

  • calendar

  • calendar-check-o

  • calendar-minus-o

  • calendar-o

  • calendar-plus-o

  • calendar-times-o

  • camera

  • camera-retro

  • car, transportation

  • caret-down, arrow

  • caret-left, arrow

  • caret-right, arrow

  • caret-square-o-down, arrow

  • caret-square-o-left, arrow

  • caret-square-o-right, arrow

  • caret-square-o-up, arrow

  • caret-up, arrow

  • cart-arrow-down

  • cart-plus

  • cc, payment

  • cc-amex, payment

  • cc-diners-club, payment

  • cc-discover, payment

  • cc-jcb, payment

  • cc-mastercard, payment

  • cc-paypal, payment

  • cc-stripe, payment

  • cc-visa, payment

  • certificate

  • chain, text editor

  • chain-broken, text editor

  • check

  • check-circle

  • check-circle-o

  • check-square, form

  • check-square-o, form

  • chevron-circle-down, arrow

  • chevron-circle-left, arrow

  • chevron-circle-right, arrow

  • chevron-circle-up, arrow

  • chevron-down, arrow

  • chevron-left, arrow

  • chevron-right, arrow

  • chevron-up, arrow

  • child

  • chrome

  • circle, form

  • circle-o, form

  • circle-o-notch, spinner

  • circle-thin

  • clipboard, text editor

  • clock-o

  • clone

  • close

  • cloud

  • cloud-download

  • cloud-upload

  • cny, currency

  • code

  • code-fork

  • codepen

  • codiepie

  • coffee

  • cog, spinner

  • cogs

  • columns, text editor

  • comment

  • comment-o

  • commenting

  • commenting-o

  • comments

  • comments-o

  • compass

  • compress, player

  • connectdevelop

  • contao

  • copy, text editor

  • copyright

  • creative-commons

  • credit-card, payment

  • credit-card-alt, payment

  • crop

  • crosshairs

  • css3

  • cube

  • cubes

  • cut, text editor

  • cutlery

  • dashboard

  • dashcube

  • database

  • deaf, accessibility

  • deafness, accessibility

  • dedent, text editor

  • delicious, social media

  • desktop

  • deviantart, social media

  • diamond

  • digg, social media

  • dollar, currency

  • dot-circle-o, form

  • download

  • dribbble, social media

  • drivers-license

  • drivers-license-o

  • dropbox

  • drupal

  • edge

  • edit

  • eercast

  • eject, player

  • ellipsis-h

  • ellipsis-v

  • empire

  • envelope

  • envelope-o

  • envelope-open

  • envelope-open-o

  • envelope-square

  • envira

  • eraser, text editor

  • etsy

  • eur, currency

  • euro, currency

  • exchange, arrow

  • exclamation

  • exclamation-circle

  • exclamation-triangle

  • expand, player

  • expeditedssl

  • external-link

  • external-link-square

  • eye

  • eye-slash

  • eyedropper

  • fa

  • facebook, social media

  • facebook-f, social media

  • facebook-official, social media

  • facebook-square, social media

  • fast-backward, player

  • fast-forward, player

  • fax

  • feed

  • female

  • fighter-jet, transportation

  • file, text editor

  • file-archive-o

  • file-audio-o

  • file-code-o

  • file-excel-o

  • file-image-o

  • file-movie-o

  • file-o, text editor

  • file-pdf-o

  • file-photo-o

  • file-picture-o

  • file-powerpoint-o

  • file-sound-o

  • file-text, text editor

  • file-text-o, text editor

  • file-video-o

  • file-word-o

  • file-zip-o

  • files-o, text editor

  • film

  • filter

  • fire

  • fire-extinguisher

  • firefox

  • first-order

  • flag

  • flag-checkered

  • flag-o

  • flash

  • flask

  • flickr, social media

  • floppy-o, text editor

  • folder

  • folder-o

  • folder-open

  • folder-open-o

  • font, text editor

  • font-awesome

  • fonticons

  • fort-awesome

  • forumbee

  • forward, player

  • foursquare

  • free-code-camp

  • frown-o

  • futbol-o

  • gamepad

  • gavel

  • gbp, currency

  • ge

  • gear, spinner

  • gears

  • genderless, gender

  • get-pocket

  • gg, currency

  • gg-circle, currency

  • gift

  • git

  • git-square

  • github

  • github-alt

  • github-square

  • gitlab

  • gittip

  • glass

  • glide

  • glide-g

  • globe

  • google, social media

  • google-plus, social media

  • google-plus-circle, social media

  • google-plus-official, social media

  • google-plus-square, social media

  • google-wallet, payment

  • graduation-cap

  • gratipay

  • grav

  • group

  • h-square, medical

  • hacker-news

  • hand-grab-o

  • hand-lizard-o

  • hand-o-down

  • hand-o-left

  • hand-o-right

  • hand-o-up

  • hand-paper-o

  • hand-peace-o

  • hand-pointer-o

  • hand-rock-o

  • hand-scissors-o

  • hand-spock-o

  • hand-stop-o

  • handshake-o

  • hard-of-hearing, accessibility

  • hashtag

  • hdd-o

  • header, text editor

  • headphones

  • heart, medical

  • heart-o, medical

  • heartbeat, medical

  • history

  • home

  • hospital-o, medical

  • hotel

  • hourglass

  • hourglass-1

  • hourglass-2

  • hourglass-3

  • hourglass-end

  • hourglass-half

  • hourglass-o

  • hourglass-start

  • houzz

  • html5

  • i-cursor

  • id-badge

  • id-card

  • id-card-o

  • ils, currency

  • image

  • imdb

  • inbox

  • indent, text editor

  • industry

  • info

  • info-circle

  • inr, currency

  • instagram, social media

  • institution

  • internet-explorer

  • intersex, gender

  • ioxhost

  • italic, text editor

  • joomla

  • jpy, currency

  • jsfiddle

  • key

  • keyboard-o

  • krw, currency

  • language

  • laptop

  • lastfm

  • lastfm-square

  • leaf

  • leanpub

  • legal

  • lemon-o

  • level-down

  • level-up

  • life-bouy

  • life-buoy

  • life-ring

  • life-saver

  • lightbulb-o

  • line-chart

  • link, text editor

  • linkedin, social media

  • linkedin-square, social media

  • linode

  • linux

  • list, text editor

  • list-alt, text editor

  • list-ol, text editor

  • list-ul, text editor

  • location-arrow

  • lock

  • long-arrow-down, arrow

  • long-arrow-left, arrow

  • long-arrow-right, arrow

  • long-arrow-up, arrow

  • low-vision, accessibility

  • magic

  • magnet

  • mail-forward

  • mail-reply

  • mail-reply-all

  • male

  • map

  • map-marker

  • map-o

  • map-pin

  • map-signs

  • mars, gender

  • mars-double, gender

  • mars-stroke, gender

  • mars-stroke-h, gender

  • mars-stroke-v, gender

  • maxcdn

  • meanpath

  • medium

  • medkit, medical

  • meetup

  • meh-o

  • mercury, gender

  • microchip

  • microphone

  • microphone-slash

  • minus

  • minus-circle

  • minus-square, form

  • minus-square-o, form

  • mixcloud

  • mobile

  • mobile-phone

  • modx

  • money, currency

  • moon-o

  • mortar-board

  • motorcycle, transportation

  • mouse-pointer

  • music

  • navicon

  • neuter, gender

  • newspaper-o

  • object-group

  • object-ungroup

  • odnoklassniki

  • odnoklassniki-square

  • opencart

  • openid

  • opera

  • optin-monster

  • outdent, text editor

  • pagelines

  • paint-brush

  • paper-plane

  • paper-plane-o

  • paperclip, text editor

  • paragraph, text editor

  • paste, text editor

  • pause, player

  • pause-circle, player

  • pause-circle-o, player

  • paw

  • paypal, payment

  • pencil

  • pencil-square

  • pencil-square-o

  • percent

  • phone

  • phone-square

  • photo

  • picture-o

  • pie-chart

  • pied-piper

  • pied-piper-alt

  • pied-piper-pp

  • pinterest, social media

  • pinterest-p, social media

  • pinterest-square, social media

  • plane, transportation

  • play, player

  • play-circle, player

  • play-circle-o, player

  • plug

  • plus

  • plus-circle

  • plus-square, form

  • plus-square-o, form

  • podcast

  • power-off

  • print

  • product-hunt

  • puzzle-piece

  • qq

  • qrcode

  • question

  • question-circle

  • question-circle-o

  • quora

  • quote-left

  • quote-right

  • ra

  • random, player

  • ravelry

  • rebel

  • recycle

  • reddit, social media

  • reddit-alien, social media

  • reddit-square, social media

  • refresh, spinner

  • registered

  • remove

  • renren

  • reorder

  • repeat, text editor

  • reply

  • reply-all

  • resistance

  • retweet

  • rmb, currency

  • road

  • rocket, transportation

  • rotate-left, text editor

  • rotate-right, text editor

  • rouble, currency

  • rss, social media

  • rss-square, social media

  • rub, currency

  • ruble, currency

  • rupee, currency

  • s15

  • safari

  • save, text editor

  • scissors, text editor

  • scribd

  • search

  • search-minus

  • search-plus

  • sellsy

  • send

  • send-o

  • server

  • share

  • share-alt

  • share-alt-square

  • share-square

  • share-square-o

  • shekel, currency

  • sheqel, currency

  • shield

  • ship, transportation

  • shirtsinbulk

  • shopping-bag

  • shopping-basket

  • shopping-cart

  • shower

  • sign-in

  • sign-language, accessibility

  • sign-out

  • signal

  • signing, accessibility

  • simplybuilt

  • sitemap

  • skyatlas

  • skype, social media

  • slack

  • sliders

  • slideshare

  • smile-o

  • snapchat, social media

  • snapchat-ghost, social media

  • snapchat-square, social media

  • snowflake-o

  • soccer-ball-o

  • sort

  • sort-alpha-asc

  • sort-alpha-desc

  • sort-amount-asc

  • sort-amount-desc

  • sort-asc

  • sort-desc

  • sort-down

  • sort-numeric-asc

  • sort-numeric-desc

  • sort-up

  • soundcloud

  • space-shuttle, transportation

  • spinner, spinner

  • spoon

  • spotify

  • square, form

  • square-o, form

  • stack-exchange

  • stack-overflow

  • star

  • star-half

  • star-half-empty

  • star-half-full

  • star-half-o

  • star-o

  • steam

  • steam-square

  • step-backward, player

  • step-forward, player

  • stethoscope, medical

  • sticky-note

  • sticky-note-o

  • stop, player

  • stop-circle, player

  • stop-circle-o, player

  • street-view

  • strikethrough, text editor

  • stumbleupon, social media

  • stumbleupon-circle, social media

  • subscript, text editor

  • subway, transportation

  • suitcase

  • sun-o

  • superpowers

  • superscript, text editor

  • support

  • table, text editor

  • tablet

  • tachometer

  • tag

  • tags

  • tasks

  • taxi, transportation

  • telegram, social media

  • television

  • tencent-weibo

  • terminal

  • text-height, text editor

  • text-width, text editor

  • th, text editor

  • th-large, text editor

  • th-list, text editor

  • themeisle

  • thermometer

  • thermometer-0

  • thermometer-1

  • thermometer-2

  • thermometer-3

  • thermometer-4

  • thermometer-empty

  • thermometer-full

  • thermometer-half

  • thermometer-quarter

  • thermometer-three-quarters

  • thumb-tack

  • thumbs-down, hand

  • thumbs-o-down, hand

  • thumbs-o-up, hand

  • thumbs-up, hand

  • ticket

  • times

  • times-circle

  • times-circle-o

  • times-rectangle

  • times-rectangle-o

  • tint

  • toggle-down, arrow

  • toggle-left, arrow

  • toggle-off

  • toggle-on

  • toggle-right, arrow

  • toggle-up, arrow

  • trademark

  • train, transportation

  • transgender, gender

  • transgender-alt, gender

  • trash

  • trash-o

  • tree

  • trello

  • tripadvisor

  • trophy

  • truck, transportation

  • try, currency

  • tty, accessibility

  • tumblr, social media

  • tumblr-square, social media

  • turkish-lira, currency

  • tv

  • twitch

  • twitter, social media

  • twitter-square, social media

  • umbrella

  • underline, text editor

  • undo, text editor

  • universal-access, accessibility

  • university

  • unlink

  • unlock

  • unlock-alt

  • unsorted

  • upload

  • usb

  • usd, currency

  • user

  • user-circle

  • user-circle-o

  • user-md, medical

  • user-o

  • user-plus

  • user-secret

  • user-times

  • users

  • vcard

  • vcard-o

  • venus, gender

  • venus-double, gender

  • venus-mars, gender

  • viacoin, currency

  • viadeo

  • viadeo-square

  • video-camera

  • vimeo, social media

  • vimeo-square, social media

  • vine

  • vk

  • volume-control-phone, accessibility

  • volume-down

  • volume-off

  • volume-up

  • warning

  • wechat

  • weibo

  • weixin

  • whatsapp, social media

  • wheelchair, medical

  • wheelchair-alt, medical

  • wifi

  • wikipedia-w

  • window-close

  • window-close-o

  • window-maximize

  • window-minimize

  • window-restore

  • windows

  • won, currency

  • wordpress

  • wpbeginner

  • wpexplorer

  • wpforms

  • wrench

  • xing

  • xing-square

  • y-combinator

  • y-combinator-square

  • yahoo

  • yc

  • yc-square

  • yelp, social media

  • yen, currency

  • yoast

  • youtube, social media

  • youtube-play, player

  • youtube-square, social media

Xem trước Bootstrap Button

<button type="button" class="btn btn-primary"><i class="fa fa-heart"></i> Bootstrap Button</button>

Sao chép vào clipboard...

How to use example