plus square dotted icon
plus-square-dotted from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- plus-square-dotted
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
Related icons in Bootstrap Icons
Use the plus square dotted icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2.5 0q-.25 0-.487.048l.194.98A1.5 1.5 0 0 1 2.5 1h.458V0zm2.292 0h-.917v1h.917zm1.833 0h-.917v1h.917zm1.833 0h-.916v1h.916zm1.834 0h-.917v1h.917zm1.833 0h-.917v1h.917zM13.5 0h-.458v1h.458q.151 0 .293.029l.194-.981A2.5 2.5 0 0 0 13.5 0m2.079 1.11a2.5 2.5 0 0 0-.69-.689l-.556.831q.248.167.415.415l.83-.556zM1.11.421a2.5 2.5 0 0 0-.689.69l.831.556c.11-.164.251-.305.415-.415zM16 2.5q0-.25-.048-.487l-.98.194q.027.141.028.293v.458h1zM.048 2.013A2.5 2.5 0 0 0 0 2.5v.458h1V2.5q0-.151.029-.293zM0 3.875v.917h1v-.917zm16 .917v-.917h-1v.917zM0 5.708v.917h1v-.917zm16 .917v-.917h-1v.917zM0 7.542v.916h1v-.916zm15 .916h1v-.916h-1zM0 9.375v.917h1v-.917zm16 .917v-.917h-1v.917zm-16 .916v.917h1v-.917zm16 .917v-.917h-1v.917zm-16 .917v.458q0 .25.048.487l.98-.194A1.5 1.5 0 0 1 1 13.5v-.458zm16 .458v-.458h-1v.458q0 .151-.029.293l.981.194Q16 13.75 16 13.5M.421 14.89c.183.272.417.506.69.689l.556-.831a1.5 1.5 0 0 1-.415-.415zm14.469.689c.272-.183.506-.417.689-.69l-.831-.556c-.11.164-.251.305-.415.415l.556.83zm-12.877.373Q2.25 16 2.5 16h.458v-1H2.5q-.151 0-.293-.029zM13.5 16q.25 0 .487-.048l-.194-.98A1.5 1.5 0 0 1 13.5 15h-.458v1zm-9.625 0h.917v-1h-.917zm1.833 0h.917v-1h-.917zm1.834-1v1h.916v-1zm1.833 1h.917v-1h-.917zm1.833 0h.917v-1h-.917zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z"/></svg>
React
import type { SVGProps } from "react";
export function BiPlusSquareDotted(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2.5 0q-.25 0-.487.048l.194.98A1.5 1.5 0 0 1 2.5 1h.458V0zm2.292 0h-.917v1h.917zm1.833 0h-.917v1h.917zm1.833 0h-.916v1h.916zm1.834 0h-.917v1h.917zm1.833 0h-.917v1h.917zM13.5 0h-.458v1h.458q.151 0 .293.029l.194-.981A2.5 2.5 0 0 0 13.5 0m2.079 1.11a2.5 2.5 0 0 0-.69-.689l-.556.831q.248.167.415.415l.83-.556zM1.11.421a2.5 2.5 0 0 0-.689.69l.831.556c.11-.164.251-.305.415-.415zM16 2.5q0-.25-.048-.487l-.98.194q.027.141.028.293v.458h1zM.048 2.013A2.5 2.5 0 0 0 0 2.5v.458h1V2.5q0-.151.029-.293zM0 3.875v.917h1v-.917zm16 .917v-.917h-1v.917zM0 5.708v.917h1v-.917zm16 .917v-.917h-1v.917zM0 7.542v.916h1v-.916zm15 .916h1v-.916h-1zM0 9.375v.917h1v-.917zm16 .917v-.917h-1v.917zm-16 .916v.917h1v-.917zm16 .917v-.917h-1v.917zm-16 .917v.458q0 .25.048.487l.98-.194A1.5 1.5 0 0 1 1 13.5v-.458zm16 .458v-.458h-1v.458q0 .151-.029.293l.981.194Q16 13.75 16 13.5M.421 14.89c.183.272.417.506.69.689l.556-.831a1.5 1.5 0 0 1-.415-.415zm14.469.689c.272-.183.506-.417.689-.69l-.831-.556c-.11.164-.251.305-.415.415l.556.83zm-12.877.373Q2.25 16 2.5 16h.458v-1H2.5q-.151 0-.293-.029zM13.5 16q.25 0 .487-.048l-.194-.98A1.5 1.5 0 0 1 13.5 15h-.458v1zm-9.625 0h.917v-1h-.917zm1.833 0h.917v-1h-.917zm1.834-1v1h.916v-1zm1.833 1h.917v-1h-.917zm1.833 0h.917v-1h-.917zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2.5 0q-.25 0-.487.048l.194.98A1.5 1.5 0 0 1 2.5 1h.458V0zm2.292 0h-.917v1h.917zm1.833 0h-.917v1h.917zm1.833 0h-.916v1h.916zm1.834 0h-.917v1h.917zm1.833 0h-.917v1h.917zM13.5 0h-.458v1h.458q.151 0 .293.029l.194-.981A2.5 2.5 0 0 0 13.5 0m2.079 1.11a2.5 2.5 0 0 0-.69-.689l-.556.831q.248.167.415.415l.83-.556zM1.11.421a2.5 2.5 0 0 0-.689.69l.831.556c.11-.164.251-.305.415-.415zM16 2.5q0-.25-.048-.487l-.98.194q.027.141.028.293v.458h1zM.048 2.013A2.5 2.5 0 0 0 0 2.5v.458h1V2.5q0-.151.029-.293zM0 3.875v.917h1v-.917zm16 .917v-.917h-1v.917zM0 5.708v.917h1v-.917zm16 .917v-.917h-1v.917zM0 7.542v.916h1v-.916zm15 .916h1v-.916h-1zM0 9.375v.917h1v-.917zm16 .917v-.917h-1v.917zm-16 .916v.917h1v-.917zm16 .917v-.917h-1v.917zm-16 .917v.458q0 .25.048.487l.98-.194A1.5 1.5 0 0 1 1 13.5v-.458zm16 .458v-.458h-1v.458q0 .151-.029.293l.981.194Q16 13.75 16 13.5M.421 14.89c.183.272.417.506.69.689l.556-.831a1.5 1.5 0 0 1-.415-.415zm14.469.689c.272-.183.506-.417.689-.69l-.831-.556c-.11.164-.251.305-.415.415l.556.83zm-12.877.373Q2.25 16 2.5 16h.458v-1H2.5q-.151 0-.293-.029zM13.5 16q.25 0 .487-.048l-.194-.98A1.5 1.5 0 0 1 13.5 15h-.458v1zm-9.625 0h.917v-1h-.917zm1.833 0h.917v-1h-.917zm1.834-1v1h.916v-1zm1.833 1h.917v-1h-.917zm1.833 0h.917v-1h-.917zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z"/></svg> </template>
CSS
.icon-plus-square-dotted {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.5%200q-.25%200-.487.048l.194.98A1.5%201.5%200%200%201%202.5%201h.458V0zm2.292%200h-.917v1h.917zm1.833%200h-.917v1h.917zm1.833%200h-.916v1h.916zm1.834%200h-.917v1h.917zm1.833%200h-.917v1h.917zM13.5%200h-.458v1h.458q.151%200%20.293.029l.194-.981A2.5%202.5%200%200%200%2013.5%200m2.079%201.11a2.5%202.5%200%200%200-.69-.689l-.556.831q.248.167.415.415l.83-.556zM1.11.421a2.5%202.5%200%200%200-.689.69l.831.556c.11-.164.251-.305.415-.415zM16%202.5q0-.25-.048-.487l-.98.194q.027.141.028.293v.458h1zM.048%202.013A2.5%202.5%200%200%200%200%202.5v.458h1V2.5q0-.151.029-.293zM0%203.875v.917h1v-.917zm16%20.917v-.917h-1v.917zM0%205.708v.917h1v-.917zm16%20.917v-.917h-1v.917zM0%207.542v.916h1v-.916zm15%20.916h1v-.916h-1zM0%209.375v.917h1v-.917zm16%20.917v-.917h-1v.917zm-16%20.916v.917h1v-.917zm16%20.917v-.917h-1v.917zm-16%20.917v.458q0%20.25.048.487l.98-.194A1.5%201.5%200%200%201%201%2013.5v-.458zm16%20.458v-.458h-1v.458q0%20.151-.029.293l.981.194Q16%2013.75%2016%2013.5M.421%2014.89c.183.272.417.506.69.689l.556-.831a1.5%201.5%200%200%201-.415-.415zm14.469.689c.272-.183.506-.417.689-.69l-.831-.556c-.11.164-.251.305-.415.415l.556.83zm-12.877.373Q2.25%2016%202.5%2016h.458v-1H2.5q-.151%200-.293-.029zM13.5%2016q.25%200%20.487-.048l-.194-.98A1.5%201.5%200%200%201%2013.5%2015h-.458v1zm-9.625%200h.917v-1h-.917zm1.833%200h.917v-1h-.917zm1.834-1v1h.916v-1zm1.833%201h.917v-1h-.917zm1.833%200h.917v-1h-.917zM8.5%204.5a.5.5%200%200%200-1%200v3h-3a.5.5%200%200%200%200%201h3v3a.5.5%200%200%200%201%200v-3h3a.5.5%200%200%200%200-1h-3z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.5%200q-.25%200-.487.048l.194.98A1.5%201.5%200%200%201%202.5%201h.458V0zm2.292%200h-.917v1h.917zm1.833%200h-.917v1h.917zm1.833%200h-.916v1h.916zm1.834%200h-.917v1h.917zm1.833%200h-.917v1h.917zM13.5%200h-.458v1h.458q.151%200%20.293.029l.194-.981A2.5%202.5%200%200%200%2013.5%200m2.079%201.11a2.5%202.5%200%200%200-.69-.689l-.556.831q.248.167.415.415l.83-.556zM1.11.421a2.5%202.5%200%200%200-.689.69l.831.556c.11-.164.251-.305.415-.415zM16%202.5q0-.25-.048-.487l-.98.194q.027.141.028.293v.458h1zM.048%202.013A2.5%202.5%200%200%200%200%202.5v.458h1V2.5q0-.151.029-.293zM0%203.875v.917h1v-.917zm16%20.917v-.917h-1v.917zM0%205.708v.917h1v-.917zm16%20.917v-.917h-1v.917zM0%207.542v.916h1v-.916zm15%20.916h1v-.916h-1zM0%209.375v.917h1v-.917zm16%20.917v-.917h-1v.917zm-16%20.916v.917h1v-.917zm16%20.917v-.917h-1v.917zm-16%20.917v.458q0%20.25.048.487l.98-.194A1.5%201.5%200%200%201%201%2013.5v-.458zm16%20.458v-.458h-1v.458q0%20.151-.029.293l.981.194Q16%2013.75%2016%2013.5M.421%2014.89c.183.272.417.506.69.689l.556-.831a1.5%201.5%200%200%201-.415-.415zm14.469.689c.272-.183.506-.417.689-.69l-.831-.556c-.11.164-.251.305-.415.415l.556.83zm-12.877.373Q2.25%2016%202.5%2016h.458v-1H2.5q-.151%200-.293-.029zM13.5%2016q.25%200%20.487-.048l-.194-.98A1.5%201.5%200%200%201%2013.5%2015h-.458v1zm-9.625%200h.917v-1h-.917zm1.833%200h.917v-1h-.917zm1.834-1v1h.916v-1zm1.833%201h.917v-1h-.917zm1.833%200h.917v-1h-.917zM8.5%204.5a.5.5%200%200%200-1%200v3h-3a.5.5%200%200%200%200%201h3v3a.5.5%200%200%200%201%200v-3h3a.5.5%200%200%200%200-1h-3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/plus-square-dotted.svg?color=%231a73e8&size=48
