bootstrap logo
bootstrap from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- bootstrap
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
bootstrap-fillAkar IconsbootstrapBootstrap IconsbootstrapBoxicons BrandsbootstrapCoreUI BrandsbootstrapFont Awesome 6 BrandsbootstrapFont Awesome BrandsbootstrapHuge IconsbootstrapLine AwesomebootstrapSVG LogosbootstrapMaterial Design Iconsbootstrap-fillRemix IconbootstrapSimple IconsbootstrapSkill Icons
Use the bootstrap logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGog8GhbrR" x1="76.079" x2="523.48" y1="10.798" y2="365.95" gradientTransform="translate(1.11 14.613)scale(.24566)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9013fe"/><stop offset="1" stop-color="#6610f2"/></linearGradient><linearGradient id="SVGgmyambZz" x1="193.51" x2="293.51" y1="109.74" y2="278.87" gradientTransform="translate(0 52)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#f1e5fc"/></linearGradient><filter id="SVGljEujZNk" width="197" height="249" x="161.9" y="135.46" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="8"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter></defs><path fill="url(#SVGog8GhbrR)" d="M14.985 27.712c-.237-6.815 5.072-13.099 12.249-13.099h73.54c7.177 0 12.486 6.284 12.249 13.099c-.228 6.546.068 15.026 2.202 21.94c2.141 6.936 5.751 11.319 11.664 11.883v6.387c-5.913.564-9.523 4.947-11.664 11.883c-2.134 6.914-2.43 15.394-2.202 21.94c.237 6.815-5.072 13.098-12.249 13.098h-73.54c-7.177 0-12.486-6.284-12.249-13.098c.228-6.546-.068-15.026-2.203-21.94c-2.14-6.935-5.76-11.319-11.673-11.883v-6.387c5.913-.563 9.533-4.947 11.673-11.883c2.135-6.914 2.43-15.394 2.203-21.94"/><path fill="url(#SVGgmyambZz)" d="M267.1 364.46c47.297 0 75.798-23.158 75.798-61.355c0-28.873-20.336-49.776-50.532-53.085v-1.203c22.185-3.609 39.594-24.211 39.594-47.219c0-32.783-25.882-54.138-65.322-54.138h-88.74v217zm-54.692-189.48h45.911c24.958 0 39.131 11.128 39.131 31.279c0 21.505-16.484 33.535-46.372 33.535h-38.67zm0 161.96v-71.431h45.602c32.661 0 49.608 12.03 49.608 35.49c0 23.459-16.484 35.941-47.605 35.941z" filter="url(#SVGljEujZNk)" transform="translate(1.494 2.203)scale(.24566)"/></svg>
React
import type { SVGProps } from "react";
export function DeviconBootstrap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGog8GhbrR" x1="76.079" x2="523.48" y1="10.798" y2="365.95" gradientTransform="translate(1.11 14.613)scale(.24566)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#9013fe"/><stop offset="1" stopColor="#6610f2"/></linearGradient><linearGradient id="SVGgmyambZz" x1="193.51" x2="293.51" y1="109.74" y2="278.87" gradientTransform="translate(0 52)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#fff"/><stop offset="1" stopColor="#f1e5fc"/></linearGradient><filter id="SVGljEujZNk" width="197" height="249" x="161.9" y="135.46" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="8"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter></defs><path fill="url(#SVGog8GhbrR)" d="M14.985 27.712c-.237-6.815 5.072-13.099 12.249-13.099h73.54c7.177 0 12.486 6.284 12.249 13.099c-.228 6.546.068 15.026 2.202 21.94c2.141 6.936 5.751 11.319 11.664 11.883v6.387c-5.913.564-9.523 4.947-11.664 11.883c-2.134 6.914-2.43 15.394-2.202 21.94c.237 6.815-5.072 13.098-12.249 13.098h-73.54c-7.177 0-12.486-6.284-12.249-13.098c.228-6.546-.068-15.026-2.203-21.94c-2.14-6.935-5.76-11.319-11.673-11.883v-6.387c5.913-.563 9.533-4.947 11.673-11.883c2.135-6.914 2.43-15.394 2.203-21.94"/><path fill="url(#SVGgmyambZz)" d="M267.1 364.46c47.297 0 75.798-23.158 75.798-61.355c0-28.873-20.336-49.776-50.532-53.085v-1.203c22.185-3.609 39.594-24.211 39.594-47.219c0-32.783-25.882-54.138-65.322-54.138h-88.74v217zm-54.692-189.48h45.911c24.958 0 39.131 11.128 39.131 31.279c0 21.505-16.484 33.535-46.372 33.535h-38.67zm0 161.96v-71.431h45.602c32.661 0 49.608 12.03 49.608 35.49c0 23.459-16.484 35.941-47.605 35.941z" filter="url(#SVGljEujZNk)" transform="translate(1.494 2.203)scale(.24566)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGog8GhbrR" x1="76.079" x2="523.48" y1="10.798" y2="365.95" gradientTransform="translate(1.11 14.613)scale(.24566)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9013fe"/><stop offset="1" stop-color="#6610f2"/></linearGradient><linearGradient id="SVGgmyambZz" x1="193.51" x2="293.51" y1="109.74" y2="278.87" gradientTransform="translate(0 52)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#f1e5fc"/></linearGradient><filter id="SVGljEujZNk" width="197" height="249" x="161.9" y="135.46" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="8"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter></defs><path fill="url(#SVGog8GhbrR)" d="M14.985 27.712c-.237-6.815 5.072-13.099 12.249-13.099h73.54c7.177 0 12.486 6.284 12.249 13.099c-.228 6.546.068 15.026 2.202 21.94c2.141 6.936 5.751 11.319 11.664 11.883v6.387c-5.913.564-9.523 4.947-11.664 11.883c-2.134 6.914-2.43 15.394-2.202 21.94c.237 6.815-5.072 13.098-12.249 13.098h-73.54c-7.177 0-12.486-6.284-12.249-13.098c.228-6.546-.068-15.026-2.203-21.94c-2.14-6.935-5.76-11.319-11.673-11.883v-6.387c5.913-.563 9.533-4.947 11.673-11.883c2.135-6.914 2.43-15.394 2.203-21.94"/><path fill="url(#SVGgmyambZz)" d="M267.1 364.46c47.297 0 75.798-23.158 75.798-61.355c0-28.873-20.336-49.776-50.532-53.085v-1.203c22.185-3.609 39.594-24.211 39.594-47.219c0-32.783-25.882-54.138-65.322-54.138h-88.74v217zm-54.692-189.48h45.911c24.958 0 39.131 11.128 39.131 31.279c0 21.505-16.484 33.535-46.372 33.535h-38.67zm0 161.96v-71.431h45.602c32.661 0 49.608 12.03 49.608 35.49c0 23.459-16.484 35.941-47.605 35.941z" filter="url(#SVGljEujZNk)" transform="translate(1.494 2.203)scale(.24566)"/></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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGog8GhbrR%22%20x1%3D%2276.079%22%20x2%3D%22523.48%22%20y1%3D%2210.798%22%20y2%3D%22365.95%22%20gradientTransform%3D%22translate(1.11%2014.613)scale(.24566)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239013fe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236610f2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgmyambZz%22%20x1%3D%22193.51%22%20x2%3D%22293.51%22%20y1%3D%22109.74%22%20y2%3D%22278.87%22%20gradientTransform%3D%22translate(0%2052)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f1e5fc%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22SVGljEujZNk%22%20width%3D%22197%22%20height%3D%22249%22%20x%3D%22161.9%22%20y%3D%22135.46%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%224%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%228%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.15%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGog8GhbrR)%22%20d%3D%22M14.985%2027.712c-.237-6.815%205.072-13.099%2012.249-13.099h73.54c7.177%200%2012.486%206.284%2012.249%2013.099c-.228%206.546.068%2015.026%202.202%2021.94c2.141%206.936%205.751%2011.319%2011.664%2011.883v6.387c-5.913.564-9.523%204.947-11.664%2011.883c-2.134%206.914-2.43%2015.394-2.202%2021.94c.237%206.815-5.072%2013.098-12.249%2013.098h-73.54c-7.177%200-12.486-6.284-12.249-13.098c.228-6.546-.068-15.026-2.203-21.94c-2.14-6.935-5.76-11.319-11.673-11.883v-6.387c5.913-.563%209.533-4.947%2011.673-11.883c2.135-6.914%202.43-15.394%202.203-21.94%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgmyambZz)%22%20d%3D%22M267.1%20364.46c47.297%200%2075.798-23.158%2075.798-61.355c0-28.873-20.336-49.776-50.532-53.085v-1.203c22.185-3.609%2039.594-24.211%2039.594-47.219c0-32.783-25.882-54.138-65.322-54.138h-88.74v217zm-54.692-189.48h45.911c24.958%200%2039.131%2011.128%2039.131%2031.279c0%2021.505-16.484%2033.535-46.372%2033.535h-38.67zm0%20161.96v-71.431h45.602c32.661%200%2049.608%2012.03%2049.608%2035.49c0%2023.459-16.484%2035.941-47.605%2035.941z%22%20filter%3D%22url(%23SVGljEujZNk)%22%20transform%3D%22translate(1.494%202.203)scale(.24566)%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGog8GhbrR%22%20x1%3D%2276.079%22%20x2%3D%22523.48%22%20y1%3D%2210.798%22%20y2%3D%22365.95%22%20gradientTransform%3D%22translate(1.11%2014.613)scale(.24566)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239013fe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236610f2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgmyambZz%22%20x1%3D%22193.51%22%20x2%3D%22293.51%22%20y1%3D%22109.74%22%20y2%3D%22278.87%22%20gradientTransform%3D%22translate(0%2052)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f1e5fc%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22SVGljEujZNk%22%20width%3D%22197%22%20height%3D%22249%22%20x%3D%22161.9%22%20y%3D%22135.46%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%224%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%228%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.15%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGog8GhbrR)%22%20d%3D%22M14.985%2027.712c-.237-6.815%205.072-13.099%2012.249-13.099h73.54c7.177%200%2012.486%206.284%2012.249%2013.099c-.228%206.546.068%2015.026%202.202%2021.94c2.141%206.936%205.751%2011.319%2011.664%2011.883v6.387c-5.913.564-9.523%204.947-11.664%2011.883c-2.134%206.914-2.43%2015.394-2.202%2021.94c.237%206.815-5.072%2013.098-12.249%2013.098h-73.54c-7.177%200-12.486-6.284-12.249-13.098c.228-6.546-.068-15.026-2.203-21.94c-2.14-6.935-5.76-11.319-11.673-11.883v-6.387c5.913-.563%209.533-4.947%2011.673-11.883c2.135-6.914%202.43-15.394%202.203-21.94%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgmyambZz)%22%20d%3D%22M267.1%20364.46c47.297%200%2075.798-23.158%2075.798-61.355c0-28.873-20.336-49.776-50.532-53.085v-1.203c22.185-3.609%2039.594-24.211%2039.594-47.219c0-32.783-25.882-54.138-65.322-54.138h-88.74v217zm-54.692-189.48h45.911c24.958%200%2039.131%2011.128%2039.131%2031.279c0%2021.505-16.484%2033.535-46.372%2033.535h-38.67zm0%20161.96v-71.431h45.602c32.661%200%2049.608%2012.03%2049.608%2035.49c0%2023.459-16.484%2035.941-47.605%2035.941z%22%20filter%3D%22url(%23SVGljEujZNk)%22%20transform%3D%22translate(1.494%202.203)scale(.24566)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/bootstrap.svg?color=%231a73e8&size=48
