bootstrap logo

bootstrap from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: bootstrap
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

bootstrap-fillAkar Icons bootstrapBootstrap Icons bootstrapBoxicons Brands bootstrapCoreUI Brands bootstrapDevicon bootstrapFont Awesome 6 Brands bootstrapHuge Icons bootstrapLine Awesome bootstrapSVG Logos bootstrapMaterial Design Icons bootstrap-fillRemix Icon bootstrapSimple Icons bootstrapSkill Icons

Use the bootstrap logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M365.5 265.4c0-22.1-15.6-34.3-43-34.3h-50.4v71.2h42.5c32.8-.1 50.9-13.3 50.9-36.9M549 252.6c-9.5-30.9-10.9-68.8-9.8-98.1C540.3 124 516.5 96 484.5 96H155.7c-32.1 0-55.8 28.1-54.7 58.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.1M332.2 439.1h-97.9V200.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>

React

import type { SVGProps } from "react";

export function Fa7BrandsBootstrap(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M365.5 265.4c0-22.1-15.6-34.3-43-34.3h-50.4v71.2h42.5c32.8-.1 50.9-13.3 50.9-36.9M549 252.6c-9.5-30.9-10.9-68.8-9.8-98.1C540.3 124 516.5 96 484.5 96H155.7c-32.1 0-55.8 28.1-54.7 58.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.1M332.2 439.1h-97.9V200.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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M365.5 265.4c0-22.1-15.6-34.3-43-34.3h-50.4v71.2h42.5c32.8-.1 50.9-13.3 50.9-36.9M549 252.6c-9.5-30.9-10.9-68.8-9.8-98.1C540.3 124 516.5 96 484.5 96H155.7c-32.1 0-55.8 28.1-54.7 58.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.1M332.2 439.1h-97.9V200.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>
</template>

CSS

.icon-bootstrap {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M365.5%20265.4c0-22.1-15.6-34.3-43-34.3h-50.4v71.2h42.5c32.8-.1%2050.9-13.3%2050.9-36.9M549%20252.6c-9.5-30.9-10.9-68.8-9.8-98.1C540.3%20124%20516.5%2096%20484.5%2096H155.7c-32.1%200-55.8%2028.1-54.7%2058.5c1%2029.3-.3%2067.2-9.8%2098.1c-9.6%2031-25.7%2050.6-52.2%2053.1v28.5c26.4%202.5%2042.6%2022.1%2052.2%2053.1c9.5%2030.9%2010.9%2068.8%209.8%2098.1c-1.1%2030.5%2022.7%2058.5%2054.7%2058.5h328.7c32.1%200%2055.8-28.1%2054.7-58.5c-1-29.3.3-67.2%209.8-98.1c9.6-31%2025.7-50.6%2052.1-53.1v-28.5c-26.3-2.5-42.5-22.1-52-53.1M332.2%20439.1h-97.9V200.8h97.4c43.3%200%2071.7%2023.4%2071.7%2059.4c0%2025.3-19.1%2047.9-43.5%2051.8v1.3c33.2%203.6%2055.5%2026.6%2055.5%2058.3c0%2042.1-31.3%2067.5-83.2%2067.5m-10-108.7h-50.1v78.4h52.3c34.2%200%2052.3-13.7%2052.3-39.5c0-25.7-18.6-38.9-54.5-38.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M365.5%20265.4c0-22.1-15.6-34.3-43-34.3h-50.4v71.2h42.5c32.8-.1%2050.9-13.3%2050.9-36.9M549%20252.6c-9.5-30.9-10.9-68.8-9.8-98.1C540.3%20124%20516.5%2096%20484.5%2096H155.7c-32.1%200-55.8%2028.1-54.7%2058.5c1%2029.3-.3%2067.2-9.8%2098.1c-9.6%2031-25.7%2050.6-52.2%2053.1v28.5c26.4%202.5%2042.6%2022.1%2052.2%2053.1c9.5%2030.9%2010.9%2068.8%209.8%2098.1c-1.1%2030.5%2022.7%2058.5%2054.7%2058.5h328.7c32.1%200%2055.8-28.1%2054.7-58.5c-1-29.3.3-67.2%209.8-98.1c9.6-31%2025.7-50.6%2052.1-53.1v-28.5c-26.3-2.5-42.5-22.1-52-53.1M332.2%20439.1h-97.9V200.8h97.4c43.3%200%2071.7%2023.4%2071.7%2059.4c0%2025.3-19.1%2047.9-43.5%2051.8v1.3c33.2%203.6%2055.5%2026.6%2055.5%2058.3c0%2042.1-31.3%2067.5-83.2%2067.5m-10-108.7h-50.1v78.4h52.3c34.2%200%2052.3-13.7%2052.3-39.5c0-25.7-18.6-38.9-54.5-38.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/bootstrap.svg?color=%231a73e8&size=48