bxl bootstrap icon
bxl-bootstrap from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxl-bootstrap
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
Use the bxl bootstrap icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M18.002 2.997H5.999A3.011 3.011 0 0 0 2.997 6v12.002a3.012 3.012 0 0 0 3.002 3.001h12.003a3.012 3.012 0 0 0 3.001-3.001V6a3.012 3.012 0 0 0-3.001-3.003zm-1.64 12.647c-.152.36-.389.68-.693.927a3.594 3.594 0 0 1-1.206.614c-.49.151-1.074.229-1.75.229H7.888V6.909h5.103c.943 0 1.7.213 2.267.646c.569.436.854 1.082.854 1.958c0 .528-.13.983-.389 1.357c-.259.373-.63.664-1.111.868v.034c.642.135 1.137.438 1.464.912c.327.473.493 1.069.493 1.789c0 .405-.078.788-.225 1.147l.02.021v.003zm-2.084-2.589c-.309-.282-.739-.419-1.297-.419H9.737v3.276h3.253c.554 0 .991-.144 1.298-.435c.308-.289.464-.701.464-1.229c-.005-.518-.156-.919-.464-1.193h-.014h.004zm-.451-2.119c.299-.251.444-.613.444-1.084c0-.526-.131-.902-.397-1.116c-.264-.214-.646-.326-1.146-.326H9.727v2.898h3.001c.436.001.81-.127 1.099-.372z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxlBootstrap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M18.002 2.997H5.999A3.011 3.011 0 0 0 2.997 6v12.002a3.012 3.012 0 0 0 3.002 3.001h12.003a3.012 3.012 0 0 0 3.001-3.001V6a3.012 3.012 0 0 0-3.001-3.003zm-1.64 12.647c-.152.36-.389.68-.693.927a3.594 3.594 0 0 1-1.206.614c-.49.151-1.074.229-1.75.229H7.888V6.909h5.103c.943 0 1.7.213 2.267.646c.569.436.854 1.082.854 1.958c0 .528-.13.983-.389 1.357c-.259.373-.63.664-1.111.868v.034c.642.135 1.137.438 1.464.912c.327.473.493 1.069.493 1.789c0 .405-.078.788-.225 1.147l.02.021v.003zm-2.084-2.589c-.309-.282-.739-.419-1.297-.419H9.737v3.276h3.253c.554 0 .991-.144 1.298-.435c.308-.289.464-.701.464-1.229c-.005-.518-.156-.919-.464-1.193h-.014h.004zm-.451-2.119c.299-.251.444-.613.444-1.084c0-.526-.131-.902-.397-1.116c-.264-.214-.646-.326-1.146-.326H9.727v2.898h3.001c.436.001.81-.127 1.099-.372z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M18.002 2.997H5.999A3.011 3.011 0 0 0 2.997 6v12.002a3.012 3.012 0 0 0 3.002 3.001h12.003a3.012 3.012 0 0 0 3.001-3.001V6a3.012 3.012 0 0 0-3.001-3.003zm-1.64 12.647c-.152.36-.389.68-.693.927a3.594 3.594 0 0 1-1.206.614c-.49.151-1.074.229-1.75.229H7.888V6.909h5.103c.943 0 1.7.213 2.267.646c.569.436.854 1.082.854 1.958c0 .528-.13.983-.389 1.357c-.259.373-.63.664-1.111.868v.034c.642.135 1.137.438 1.464.912c.327.473.493 1.069.493 1.789c0 .405-.078.788-.225 1.147l.02.021v.003zm-2.084-2.589c-.309-.282-.739-.419-1.297-.419H9.737v3.276h3.253c.554 0 .991-.144 1.298-.435c.308-.289.464-.701.464-1.229c-.005-.518-.156-.919-.464-1.193h-.014h.004zm-.451-2.119c.299-.251.444-.613.444-1.084c0-.526-.131-.902-.397-1.116c-.264-.214-.646-.326-1.146-.326H9.727v2.898h3.001c.436.001.81-.127 1.099-.372z" fill="currentColor"/></svg> </template>
CSS
.icon-bxl-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%2024%2024%22%3E%3Cpath%20d%3D%22M18.002%202.997H5.999A3.011%203.011%200%200%200%202.997%206v12.002a3.012%203.012%200%200%200%203.002%203.001h12.003a3.012%203.012%200%200%200%203.001-3.001V6a3.012%203.012%200%200%200-3.001-3.003zm-1.64%2012.647c-.152.36-.389.68-.693.927a3.594%203.594%200%200%201-1.206.614c-.49.151-1.074.229-1.75.229H7.888V6.909h5.103c.943%200%201.7.213%202.267.646c.569.436.854%201.082.854%201.958c0%20.528-.13.983-.389%201.357c-.259.373-.63.664-1.111.868v.034c.642.135%201.137.438%201.464.912c.327.473.493%201.069.493%201.789c0%20.405-.078.788-.225%201.147l.02.021v.003zm-2.084-2.589c-.309-.282-.739-.419-1.297-.419H9.737v3.276h3.253c.554%200%20.991-.144%201.298-.435c.308-.289.464-.701.464-1.229c-.005-.518-.156-.919-.464-1.193h-.014h.004zm-.451-2.119c.299-.251.444-.613.444-1.084c0-.526-.131-.902-.397-1.116c-.264-.214-.646-.326-1.146-.326H9.727v2.898h3.001c.436.001.81-.127%201.099-.372z%22%20fill%3D%22currentColor%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%2024%2024%22%3E%3Cpath%20d%3D%22M18.002%202.997H5.999A3.011%203.011%200%200%200%202.997%206v12.002a3.012%203.012%200%200%200%203.002%203.001h12.003a3.012%203.012%200%200%200%203.001-3.001V6a3.012%203.012%200%200%200-3.001-3.003zm-1.64%2012.647c-.152.36-.389.68-.693.927a3.594%203.594%200%200%201-1.206.614c-.49.151-1.074.229-1.75.229H7.888V6.909h5.103c.943%200%201.7.213%202.267.646c.569.436.854%201.082.854%201.958c0%20.528-.13.983-.389%201.357c-.259.373-.63.664-1.111.868v.034c.642.135%201.137.438%201.464.912c.327.473.493%201.069.493%201.789c0%20.405-.078.788-.225%201.147l.02.021v.003zm-2.084-2.589c-.309-.282-.739-.419-1.297-.419H9.737v3.276h3.253c.554%200%20.991-.144%201.298-.435c.308-.289.464-.701.464-1.229c-.005-.518-.156-.919-.464-1.193h-.014h.004zm-.451-2.119c.299-.251.444-.613.444-1.084c0-.526-.131-.902-.397-1.116c-.264-.214-.646-.326-1.146-.326H9.727v2.898h3.001c.436.001.81-.127%201.099-.372z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxl-bootstrap.svg?color=%231a73e8&size=48
