Skip to content

Bootstrap

The Bootstrap icon represents the popular front-end framework used for web development.

Add shadcn.io to your AI agent. · Pro It installs Bootstrap, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 27 × 24 px

Bootstrap icon from Font Awesome 6 Brands

Code

Bootstrap in your framework

In any framework. Customize it above, and the code follows.

export const BootstrapIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="27" height="24" viewBox="0 0 576 512" {...props}>
    <path fill="currentColor" d="M333.5 201.4c0-22.1-15.6-34.3-43-34.3h-50.4v71.2h42.5c32.8-.1 50.9-13.3 50.9-36.9M517 188.6c-9.5-30.9-10.9-68.8-9.8-98.1C508.3 60 484.5 32 452.5 32H123.7C91.6 32 67.9 60.1 69 90.5c1 29.3-.3 67.2-9.8 98.1c-9.6 31-25.7 50.6-52.2 53.1v28.5c26.4 2.5 42.6 22.1 52.2 53.1c9.5 30.9 10.9 68.8 9.8 98.1c-1.1 30.5 22.7 58.5 54.7 58.5h328.7c32.1 0 55.8-28.1 54.7-58.5c-1-29.3.3-67.2 9.8-98.1c9.6-31 25.7-50.6 52.1-53.1v-28.5c-26.3-2.5-42.5-22.1-52-53.1M300.2 375.1h-97.9V136.8h97.4c43.3 0 71.7 23.4 71.7 59.4c0 25.3-19.1 47.9-43.5 51.8v1.3c33.2 3.6 55.5 26.6 55.5 58.3c0 42.1-31.3 67.5-83.2 67.5m-10-108.7h-50.1v78.4h52.3c34.2 0 52.3-13.7 52.3-39.5c0-25.7-18.6-38.9-54.5-38.9"/>
  </svg>
);

Other libraries

Bootstrap in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Bootstrap icon from Material Design Icons
  • Bootstrap icon from Huge Icons
  • Bootstrap icon from Simple Icons
  • Bootstrap icon from Bootstrap Icons
  • Bootstrap icon from Line Awesome
  • Bootstrap icon from Lineicons
  • Bootstrap icon from CoreUI Brands
  • Bootstrap icon from Devicon Plain

Font Awesome 6 Brands

Icons that share its tags, in the same style.

  • Jsfiddle icon from Font Awesome 6 Brands
  • Korvue icon from Font Awesome 6 Brands
  • Laravel icon from Font Awesome 6 Brands
  • Less icon from Font Awesome 6 Brands
  • Phoenix Framework icon from Font Awesome 6 Brands
  • Phoenix Squadron icon from Font Awesome 6 Brands
  • React icon from Font Awesome 6 Brands
  • Accessible Icon icon from Font Awesome 6 Brands
  • Angular icon from Font Awesome 6 Brands
  • Css icon from Font Awesome 6 Brands
  • Dribbble icon from Font Awesome 6 Brands
  • Ember icon from Font Awesome 6 Brands
  • Empire icon from Font Awesome 6 Brands
  • Figma icon from Font Awesome 6 Brands
  • Hotjar icon from Font Awesome 6 Brands
  • Invision icon from Font Awesome 6 Brands
  • Js icon from Font Awesome 6 Brands
  • Shoelace icon from Font Awesome 6 Brands
  • Sketch icon from Font Awesome 6 Brands
  • Affiliatetheme icon from Font Awesome 6 Brands
  • Autoprefixer icon from Font Awesome 6 Brands
  • Codepen icon from Font Awesome 6 Brands
  • Css 3 icon from Font Awesome 6 Brands
  • Css3 Alt icon from Font Awesome 6 Brands

Skip the copy and paste. With Pro, your AI agent finds and installs any Font Awesome 6 Brands icon from a prompt.

Get Pro

Tags

Browse by tag

Bootstrap is tagged UI, web development, framework and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Font Awesome 6 Brands MCP, with Pro

Ask for Bootstrap or any of 495 Font Awesome 6 Brands icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Bootstrap icon means and where it's used, then how to install, style and license it.

Install Bootstrap from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro