store-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.

Name
store-sharp-duotone
Set
Keyline Icons
Style
Sharp Duotone
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"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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.5Z" stroke="none"/><path d="M19.5 10C18.1193 10 17 8.8807 17 7.5C17 8.8807 15.8807 10 14.5 10C13.1193 10 12 8.8807 12 7.5C12 8.8807 10.8807 10 9.5 10C8.1193 10 7 8.8807 7 7.5C7 8.8807 5.8807 10 4.5 10M9 22L9 14L15 14L15 22M7 7.5L7 6M12 7.5L12 6M17 7.5L17 6"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsStoreSharpDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" 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.5Z" stroke="none"/><path d="M19.5 10C18.1193 10 17 8.8807 17 7.5C17 8.8807 15.8807 10 14.5 10C13.1193 10 12 8.8807 12 7.5C12 8.8807 10.8807 10 9.5 10C8.1193 10 7 8.8807 7 7.5C7 8.8807 5.8807 10 4.5 10M9 22L9 14L15 14L15 22M7 7.5L7 6M12 7.5L12 6M17 7.5L17 6"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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.5Z" stroke="none"/><path d="M19.5 10C18.1193 10 17 8.8807 17 7.5C17 8.8807 15.8807 10 14.5 10C13.1193 10 12 8.8807 12 7.5C12 8.8807 10.8807 10 9.5 10C8.1193 10 7 8.8807 7 7.5C7 8.8807 5.8807 10 4.5 10M9 22L9 14L15 14L15 22M7 7.5L7 6M12 7.5L12 6M17 7.5L17 6"/></g></svg>
</template>

CSS

.icon-store-sharp-duotone {
  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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%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.5Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19.5%2010C18.1193%2010%2017%208.8807%2017%207.5C17%208.8807%2015.8807%2010%2014.5%2010C13.1193%2010%2012%208.8807%2012%207.5C12%208.8807%2010.8807%2010%209.5%2010C8.1193%2010%207%208.8807%207%207.5C7%208.8807%205.8807%2010%204.5%2010M9%2022L9%2014L15%2014L15%2022M7%207.5L7%206M12%207.5L12%206M17%207.5L17%206%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%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.5Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19.5%2010C18.1193%2010%2017%208.8807%2017%207.5C17%208.8807%2015.8807%2010%2014.5%2010C13.1193%2010%2012%208.8807%2012%207.5C12%208.8807%2010.8807%2010%209.5%2010C8.1193%2010%207%208.8807%207%207.5C7%208.8807%205.8807%2010%204.5%2010M9%2022L9%2014L15%2014L15%2022M7%207.5L7%206M12%207.5L12%206M17%207.5L17%206%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/store-sharp-duotone.svg?color=%231a73e8&size=48