Skip to content

Bootstrap

The Bootstrap icon represents the popular front-end framework for building responsive and mobile-first web applications.

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 30 × 24 px

Bootstrap icon from SVG Logos
Get Pro

2,063 in SVG LogosCC0 license (opens in a new tab)Free to copy and download

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="30" height="24" viewBox="0 0 256 204" {...props}>
    <path fill="#7E13F8" d="M53.172 0C38.565 0 27.756 12.785 28.24 26.65c.465 13.32-.139 30.573-4.482 44.642C19.402 85.402 12.034 94.34 0 95.488v12.956c12.034 1.148 19.402 10.086 23.758 24.197c4.343 14.069 4.947 31.32 4.482 44.641c-.484 13.863 10.325 26.65 24.934 26.65h149.673c14.608 0 25.414-12.785 24.93-26.65c-.464-13.32.139-30.572 4.482-44.641c4.359-14.11 11.707-23.05 23.741-24.197V95.488c-12.034-1.148-19.382-10.086-23.74-24.196c-4.344-14.067-4.947-31.321-4.483-44.642C228.261 12.787 217.455 0 202.847 0H53.17zM173.56 125.533c0 19.092-14.24 30.67-37.872 30.67h-40.23a4.34 4.34 0 0 1-4.338-4.339V52.068a4.34 4.34 0 0 1 4.339-4.34h39.999c19.705 0 32.637 10.675 32.637 27.063c0 11.503-8.7 21.801-19.783 23.604v.601c15.089 1.655 25.248 12.104 25.248 26.537m-42.26-64.05h-22.937v32.4h19.32c14.934 0 23.17-6.014 23.17-16.764c0-10.073-7.082-15.636-19.552-15.636m-22.937 45.256v35.705h23.782c15.548 0 23.786-6.239 23.786-17.965c0-11.728-8.467-17.742-24.786-17.742h-22.782z"/>
  </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

SVG Logos

Icons that share its tags, in the same style.

  • Materializecss icon from SVG Logos
  • Pandacss icon from SVG Logos
  • Pandacss Icon icon from SVG Logos
  • Tailwindcss icon from SVG Logos
  • Tailwindcss Icon icon from SVG Logos
  • Framework7 Icon icon from SVG Logos
  • Biomejs icon from SVG Logos
  • Biomejs Icon icon from SVG Logos
  • Blitzjs icon from SVG Logos
  • Blitzjs Icon icon from SVG Logos
  • Chartjs icon from SVG Logos
  • Chrome icon from SVG Logos
  • Effector icon from SVG Logos
  • Elasticbox icon from SVG Logos
  • Electron icon from SVG Logos
  • Element icon from SVG Logos
  • Ember icon from SVG Logos
  • Ember Tomster icon from SVG Logos
  • Enact icon from SVG Logos
  • Fastapi icon from SVG Logos
  • Fastapi Icon icon from SVG Logos
  • Fastify icon from SVG Logos
  • Fastify Icon icon from SVG Logos
  • Flask icon from SVG Logos

Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.

Get Pro

Tags

Browse by tag

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

Pricing

SVG Logos MCP, with Pro

Ask for Bootstrap or any of 2,063 SVG Logos 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