store icon
store-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.
- Name
- store-sharp-fill
- Set
- Keyline Icons
- Style
- Sharp Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
storeBoxIcons v2storeBoxIcons v2 SolidstoreCarbonstoreFont Awesome 6 SolidstoreFont Awesome Solidstore-outlineFlowbite IconsstoreJam IconsstoreLine AwesomestoreLucidestoreMaterial SymbolsstoreMaterial Symbols LightstoreMaterial Design Iconsstore-fillMingCute IconstoreMyna UI IconsstorePixelarticonsstore-fillRemix IconstoreTDesign IconsstoreUnicons
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="M1 7.5L1 6C1 5.7661 1.082 5.5395 1.2318 5.3598L3.7318 2.3598C3.9218 2.1318 4.2032 2 4.5 2L19.5 2C19.7968 2 20.0782 2.1318 20.2682 2.3598L22.7682 5.3598C22.918 5.5395 23 5.7661 23 6L23 7.5C23 8.8519 22.2214 10.0829 21 10.6623L21 21C21 21.5523 20.5523 22 20 22L4 22C3.4477 22 3 21.5523 3 21L3 10.6623C1.7786 10.0829 1 8.8519 1 7.5ZM3 7.5C3 8.3284 3.6716 9 4.5 9C5.3284 9 6 8.3284 6 7.5L6 6L8 6L8 7.5C8 8.3284 8.6716 9 9.5 9C10.3284 9 11 8.3284 11 7.5L11 6L13 6L13 7.5C13 8.3284 13.6716 9 14.5 9C15.3284 9 16 8.3284 16 7.5L16 6L18 6L18 7.5C18 8.3284 18.6716 9 19.5 9C20.3284 9 21 8.3284 21 7.5L21 6.362L19.0316 4L4.9684 4L3 6.362L3 7.5ZM9 20L15 20L15 14L9 14L9 20Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsStoreSharpFill(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="M1 7.5L1 6C1 5.7661 1.082 5.5395 1.2318 5.3598L3.7318 2.3598C3.9218 2.1318 4.2032 2 4.5 2L19.5 2C19.7968 2 20.0782 2.1318 20.2682 2.3598L22.7682 5.3598C22.918 5.5395 23 5.7661 23 6L23 7.5C23 8.8519 22.2214 10.0829 21 10.6623L21 21C21 21.5523 20.5523 22 20 22L4 22C3.4477 22 3 21.5523 3 21L3 10.6623C1.7786 10.0829 1 8.8519 1 7.5ZM3 7.5C3 8.3284 3.6716 9 4.5 9C5.3284 9 6 8.3284 6 7.5L6 6L8 6L8 7.5C8 8.3284 8.6716 9 9.5 9C10.3284 9 11 8.3284 11 7.5L11 6L13 6L13 7.5C13 8.3284 13.6716 9 14.5 9C15.3284 9 16 8.3284 16 7.5L16 6L18 6L18 7.5C18 8.3284 18.6716 9 19.5 9C20.3284 9 21 8.3284 21 7.5L21 6.362L19.0316 4L4.9684 4L3 6.362L3 7.5ZM9 20L15 20L15 14L9 14L9 20Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1 7.5L1 6C1 5.7661 1.082 5.5395 1.2318 5.3598L3.7318 2.3598C3.9218 2.1318 4.2032 2 4.5 2L19.5 2C19.7968 2 20.0782 2.1318 20.2682 2.3598L22.7682 5.3598C22.918 5.5395 23 5.7661 23 6L23 7.5C23 8.8519 22.2214 10.0829 21 10.6623L21 21C21 21.5523 20.5523 22 20 22L4 22C3.4477 22 3 21.5523 3 21L3 10.6623C1.7786 10.0829 1 8.8519 1 7.5ZM3 7.5C3 8.3284 3.6716 9 4.5 9C5.3284 9 6 8.3284 6 7.5L6 6L8 6L8 7.5C8 8.3284 8.6716 9 9.5 9C10.3284 9 11 8.3284 11 7.5L11 6L13 6L13 7.5C13 8.3284 13.6716 9 14.5 9C15.3284 9 16 8.3284 16 7.5L16 6L18 6L18 7.5C18 8.3284 18.6716 9 19.5 9C20.3284 9 21 8.3284 21 7.5L21 6.362L19.0316 4L4.9684 4L3 6.362L3 7.5ZM9 20L15 20L15 14L9 14L9 20Z"/></svg> </template>
CSS
.icon-store-sharp-fill {
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%22M1%207.5L1%206C1%205.7661%201.082%205.5395%201.2318%205.3598L3.7318%202.3598C3.9218%202.1318%204.2032%202%204.5%202L19.5%202C19.7968%202%2020.0782%202.1318%2020.2682%202.3598L22.7682%205.3598C22.918%205.5395%2023%205.7661%2023%206L23%207.5C23%208.8519%2022.2214%2010.0829%2021%2010.6623L21%2021C21%2021.5523%2020.5523%2022%2020%2022L4%2022C3.4477%2022%203%2021.5523%203%2021L3%2010.6623C1.7786%2010.0829%201%208.8519%201%207.5ZM3%207.5C3%208.3284%203.6716%209%204.5%209C5.3284%209%206%208.3284%206%207.5L6%206L8%206L8%207.5C8%208.3284%208.6716%209%209.5%209C10.3284%209%2011%208.3284%2011%207.5L11%206L13%206L13%207.5C13%208.3284%2013.6716%209%2014.5%209C15.3284%209%2016%208.3284%2016%207.5L16%206L18%206L18%207.5C18%208.3284%2018.6716%209%2019.5%209C20.3284%209%2021%208.3284%2021%207.5L21%206.362L19.0316%204L4.9684%204L3%206.362L3%207.5ZM9%2020L15%2020L15%2014L9%2014L9%2020Z%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%22M1%207.5L1%206C1%205.7661%201.082%205.5395%201.2318%205.3598L3.7318%202.3598C3.9218%202.1318%204.2032%202%204.5%202L19.5%202C19.7968%202%2020.0782%202.1318%2020.2682%202.3598L22.7682%205.3598C22.918%205.5395%2023%205.7661%2023%206L23%207.5C23%208.8519%2022.2214%2010.0829%2021%2010.6623L21%2021C21%2021.5523%2020.5523%2022%2020%2022L4%2022C3.4477%2022%203%2021.5523%203%2021L3%2010.6623C1.7786%2010.0829%201%208.8519%201%207.5ZM3%207.5C3%208.3284%203.6716%209%204.5%209C5.3284%209%206%208.3284%206%207.5L6%206L8%206L8%207.5C8%208.3284%208.6716%209%209.5%209C10.3284%209%2011%208.3284%2011%207.5L11%206L13%206L13%207.5C13%208.3284%2013.6716%209%2014.5%209C15.3284%209%2016%208.3284%2016%207.5L16%206L18%206L18%207.5C18%208.3284%2018.6716%209%2019.5%209C20.3284%209%2021%208.3284%2021%207.5L21%206.362L19.0316%204L4.9684%204L3%206.362L3%207.5ZM9%2020L15%2020L15%2014L9%2014L9%2020Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/store-sharp-fill.svg?color=%231a73e8&size=48
