store-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name
store-fill
Set
Keyline Icons
Style
Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

The same icon in other sets

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 6.362C1 5.8942 1.164 5.4411 1.4636 5.0817L3.4319 2.7196C3.8119 2.2636 4.3748 2 4.9684 2L19.0316 2C19.6252 2 20.1881 2.2636 20.5681 2.7196L22.5364 5.0817C22.836 5.4411 23 5.8942 23 6.362L23 7.5C23 8.8519 22.2214 10.0829 21 10.6623L21 19C21 20.6569 19.6569 22 18 22L6 22C4.3431 22 3 20.6569 3 19L3 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 6.362C6 5.8098 6.4477 5.362 7 5.362C7.5523 5.362 8 5.8098 8 6.362L8 7.5C8 8.3284 8.6716 9 9.5 9C10.3284 9 11 8.3284 11 7.5L11 6.362C11 5.8098 11.4477 5.362 12 5.362C12.5523 5.362 13 5.8098 13 6.362L13 7.5C13 8.3284 13.6716 9 14.5 9C15.3284 9 16 8.3284 16 7.5L16 6.362C16 5.8098 16.4477 5.362 17 5.362C17.5523 5.362 18 5.8098 18 6.362L18 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 15C15 14.4477 14.5523 14 14 14L10 14C9.4477 14 9 14.4477 9 15L9 20Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsStoreFill(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 6.362C1 5.8942 1.164 5.4411 1.4636 5.0817L3.4319 2.7196C3.8119 2.2636 4.3748 2 4.9684 2L19.0316 2C19.6252 2 20.1881 2.2636 20.5681 2.7196L22.5364 5.0817C22.836 5.4411 23 5.8942 23 6.362L23 7.5C23 8.8519 22.2214 10.0829 21 10.6623L21 19C21 20.6569 19.6569 22 18 22L6 22C4.3431 22 3 20.6569 3 19L3 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 6.362C6 5.8098 6.4477 5.362 7 5.362C7.5523 5.362 8 5.8098 8 6.362L8 7.5C8 8.3284 8.6716 9 9.5 9C10.3284 9 11 8.3284 11 7.5L11 6.362C11 5.8098 11.4477 5.362 12 5.362C12.5523 5.362 13 5.8098 13 6.362L13 7.5C13 8.3284 13.6716 9 14.5 9C15.3284 9 16 8.3284 16 7.5L16 6.362C16 5.8098 16.4477 5.362 17 5.362C17.5523 5.362 18 5.8098 18 6.362L18 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 15C15 14.4477 14.5523 14 14 14L10 14C9.4477 14 9 14.4477 9 15L9 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 6.362C1 5.8942 1.164 5.4411 1.4636 5.0817L3.4319 2.7196C3.8119 2.2636 4.3748 2 4.9684 2L19.0316 2C19.6252 2 20.1881 2.2636 20.5681 2.7196L22.5364 5.0817C22.836 5.4411 23 5.8942 23 6.362L23 7.5C23 8.8519 22.2214 10.0829 21 10.6623L21 19C21 20.6569 19.6569 22 18 22L6 22C4.3431 22 3 20.6569 3 19L3 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 6.362C6 5.8098 6.4477 5.362 7 5.362C7.5523 5.362 8 5.8098 8 6.362L8 7.5C8 8.3284 8.6716 9 9.5 9C10.3284 9 11 8.3284 11 7.5L11 6.362C11 5.8098 11.4477 5.362 12 5.362C12.5523 5.362 13 5.8098 13 6.362L13 7.5C13 8.3284 13.6716 9 14.5 9C15.3284 9 16 8.3284 16 7.5L16 6.362C16 5.8098 16.4477 5.362 17 5.362C17.5523 5.362 18 5.8098 18 6.362L18 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 15C15 14.4477 14.5523 14 14 14L10 14C9.4477 14 9 14.4477 9 15L9 20Z"/></svg>
</template>

CSS

.icon-store-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%206.362C1%205.8942%201.164%205.4411%201.4636%205.0817L3.4319%202.7196C3.8119%202.2636%204.3748%202%204.9684%202L19.0316%202C19.6252%202%2020.1881%202.2636%2020.5681%202.7196L22.5364%205.0817C22.836%205.4411%2023%205.8942%2023%206.362L23%207.5C23%208.8519%2022.2214%2010.0829%2021%2010.6623L21%2019C21%2020.6569%2019.6569%2022%2018%2022L6%2022C4.3431%2022%203%2020.6569%203%2019L3%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%206.362C6%205.8098%206.4477%205.362%207%205.362C7.5523%205.362%208%205.8098%208%206.362L8%207.5C8%208.3284%208.6716%209%209.5%209C10.3284%209%2011%208.3284%2011%207.5L11%206.362C11%205.8098%2011.4477%205.362%2012%205.362C12.5523%205.362%2013%205.8098%2013%206.362L13%207.5C13%208.3284%2013.6716%209%2014.5%209C15.3284%209%2016%208.3284%2016%207.5L16%206.362C16%205.8098%2016.4477%205.362%2017%205.362C17.5523%205.362%2018%205.8098%2018%206.362L18%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%2015C15%2014.4477%2014.5523%2014%2014%2014L10%2014C9.4477%2014%209%2014.4477%209%2015L9%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%206.362C1%205.8942%201.164%205.4411%201.4636%205.0817L3.4319%202.7196C3.8119%202.2636%204.3748%202%204.9684%202L19.0316%202C19.6252%202%2020.1881%202.2636%2020.5681%202.7196L22.5364%205.0817C22.836%205.4411%2023%205.8942%2023%206.362L23%207.5C23%208.8519%2022.2214%2010.0829%2021%2010.6623L21%2019C21%2020.6569%2019.6569%2022%2018%2022L6%2022C4.3431%2022%203%2020.6569%203%2019L3%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%206.362C6%205.8098%206.4477%205.362%207%205.362C7.5523%205.362%208%205.8098%208%206.362L8%207.5C8%208.3284%208.6716%209%209.5%209C10.3284%209%2011%208.3284%2011%207.5L11%206.362C11%205.8098%2011.4477%205.362%2012%205.362C12.5523%205.362%2013%205.8098%2013%206.362L13%207.5C13%208.3284%2013.6716%209%2014.5%209C15.3284%209%2016%208.3284%2016%207.5L16%206.362C16%205.8098%2016.4477%205.362%2017%205.362C17.5523%205.362%2018%205.8098%2018%206.362L18%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%2015C15%2014.4477%2014.5523%2014%2014%2014L10%2014C9.4477%2014%209%2014.4477%209%2015L9%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-fill.svg?color=%231a73e8&size=48