store icon
store from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- store
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-store
The same icon in other sets
Related icons in BoxIcons v2
Use the store icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.148 2.971A2.01 2.01 0 0 0 17.434 2H6.566c-.698 0-1.355.372-1.714.971L2.143 7.485A1 1 0 0 0 2 8a3.97 3.97 0 0 0 1 2.618V19c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-8.382A3.97 3.97 0 0 0 22 8a1 1 0 0 0-.143-.515zm.836 5.28A2 2 0 0 1 18 10c-1.103 0-2-.897-2-2c0-.068-.025-.128-.039-.192l.02-.004L15.22 4h2.214zM10.819 4h2.361l.813 4.065C13.958 9.137 13.08 10 12 10s-1.958-.863-1.993-1.935zM6.566 4H8.78l-.76 3.804l.02.004C8.025 7.872 8 7.932 8 8c0 1.103-.897 2-2 2a2 2 0 0 1-1.984-1.749zM10 19v-3h4v3zm6 0v-3c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v3H5v-7.142c.321.083.652.142 1 .142a4 4 0 0 0 3-1.357c.733.832 1.807 1.357 3 1.357s2.267-.525 3-1.357A4 4 0 0 0 18 12c.348 0 .679-.059 1-.142V19z"/></svg>
React
import type { SVGProps } from "react";
export function BxStore(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.148 2.971A2.01 2.01 0 0 0 17.434 2H6.566c-.698 0-1.355.372-1.714.971L2.143 7.485A1 1 0 0 0 2 8a3.97 3.97 0 0 0 1 2.618V19c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-8.382A3.97 3.97 0 0 0 22 8a1 1 0 0 0-.143-.515zm.836 5.28A2 2 0 0 1 18 10c-1.103 0-2-.897-2-2c0-.068-.025-.128-.039-.192l.02-.004L15.22 4h2.214zM10.819 4h2.361l.813 4.065C13.958 9.137 13.08 10 12 10s-1.958-.863-1.993-1.935zM6.566 4H8.78l-.76 3.804l.02.004C8.025 7.872 8 7.932 8 8c0 1.103-.897 2-2 2a2 2 0 0 1-1.984-1.749zM10 19v-3h4v3zm6 0v-3c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v3H5v-7.142c.321.083.652.142 1 .142a4 4 0 0 0 3-1.357c.733.832 1.807 1.357 3 1.357s2.267-.525 3-1.357A4 4 0 0 0 18 12c.348 0 .679-.059 1-.142V19z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.148 2.971A2.01 2.01 0 0 0 17.434 2H6.566c-.698 0-1.355.372-1.714.971L2.143 7.485A1 1 0 0 0 2 8a3.97 3.97 0 0 0 1 2.618V19c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-8.382A3.97 3.97 0 0 0 22 8a1 1 0 0 0-.143-.515zm.836 5.28A2 2 0 0 1 18 10c-1.103 0-2-.897-2-2c0-.068-.025-.128-.039-.192l.02-.004L15.22 4h2.214zM10.819 4h2.361l.813 4.065C13.958 9.137 13.08 10 12 10s-1.958-.863-1.993-1.935zM6.566 4H8.78l-.76 3.804l.02.004C8.025 7.872 8 7.932 8 8c0 1.103-.897 2-2 2a2 2 0 0 1-1.984-1.749zM10 19v-3h4v3zm6 0v-3c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v3H5v-7.142c.321.083.652.142 1 .142a4 4 0 0 0 3-1.357c.733.832 1.807 1.357 3 1.357s2.267-.525 3-1.357A4 4 0 0 0 18 12c.348 0 .679-.059 1-.142V19z"/></svg> </template>
CSS
.icon-store {
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%20fill%3D%22currentColor%22%20d%3D%22M19.148%202.971A2.01%202.01%200%200%200%2017.434%202H6.566c-.698%200-1.355.372-1.714.971L2.143%207.485A1%201%200%200%200%202%208a3.97%203.97%200%200%200%201%202.618V19c0%201.103.897%202%202%202h14c1.103%200%202-.897%202-2v-8.382A3.97%203.97%200%200%200%2022%208a1%201%200%200%200-.143-.515zm.836%205.28A2%202%200%200%201%2018%2010c-1.103%200-2-.897-2-2c0-.068-.025-.128-.039-.192l.02-.004L15.22%204h2.214zM10.819%204h2.361l.813%204.065C13.958%209.137%2013.08%2010%2012%2010s-1.958-.863-1.993-1.935zM6.566%204H8.78l-.76%203.804l.02.004C8.025%207.872%208%207.932%208%208c0%201.103-.897%202-2%202a2%202%200%200%201-1.984-1.749zM10%2019v-3h4v3zm6%200v-3c0-1.103-.897-2-2-2h-4c-1.103%200-2%20.897-2%202v3H5v-7.142c.321.083.652.142%201%20.142a4%204%200%200%200%203-1.357c.733.832%201.807%201.357%203%201.357s2.267-.525%203-1.357A4%204%200%200%200%2018%2012c.348%200%20.679-.059%201-.142V19z%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%20fill%3D%22currentColor%22%20d%3D%22M19.148%202.971A2.01%202.01%200%200%200%2017.434%202H6.566c-.698%200-1.355.372-1.714.971L2.143%207.485A1%201%200%200%200%202%208a3.97%203.97%200%200%200%201%202.618V19c0%201.103.897%202%202%202h14c1.103%200%202-.897%202-2v-8.382A3.97%203.97%200%200%200%2022%208a1%201%200%200%200-.143-.515zm.836%205.28A2%202%200%200%201%2018%2010c-1.103%200-2-.897-2-2c0-.068-.025-.128-.039-.192l.02-.004L15.22%204h2.214zM10.819%204h2.361l.813%204.065C13.958%209.137%2013.08%2010%2012%2010s-1.958-.863-1.993-1.935zM6.566%204H8.78l-.76%203.804l.02.004C8.025%207.872%208%207.932%208%208c0%201.103-.897%202-2%202a2%202%200%200%201-1.984-1.749zM10%2019v-3h4v3zm6%200v-3c0-1.103-.897-2-2-2h-4c-1.103%200-2%20.897-2%202v3H5v-7.142c.321.083.652.142%201%20.142a4%204%200%200%200%203-1.357c.733.832%201.807%201.357%203%201.357s2.267-.525%203-1.357A4%204%200%200%200%2018%2012c.348%200%20.679-.059%201-.142V19z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/store.svg?color=%231a73e8&size=48
