store from Line Awesome by Icons8 · Line · Buildings · Apache-2.0 Free for personal and commercial use.

Name
store
Set
Line Awesome
Style
Line
Category
Buildings
Viewbox
32×32
License
Apache 2.0
Aliases
store-solid

The same icon in other sets

More buildings icons from Line Awesome

Use the store icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 4v3.656l-3 4V12c0 1.645 1.355 3 3 3v13h24V15c1.645 0 3-1.355 3-3v-.344l-3-4V4zm2 2h20v1H6zm-.5 3h21l2.406 3.219c-.109.433-.437.781-.906.781c-.555 0-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1H9c0 .555-.445 1-1 1s-1-.445-1-1H5c0 .555-.445 1-1 1c-.469 0-.797-.348-.906-.781zm.5 5.219c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781V21H6zM6 23h20v3H6z"/></svg>

React

import type { SVGProps } from "react";

export function LaStore(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 4v3.656l-3 4V12c0 1.645 1.355 3 3 3v13h24V15c1.645 0 3-1.355 3-3v-.344l-3-4V4zm2 2h20v1H6zm-.5 3h21l2.406 3.219c-.109.433-.437.781-.906.781c-.555 0-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1H9c0 .555-.445 1-1 1s-1-.445-1-1H5c0 .555-.445 1-1 1c-.469 0-.797-.348-.906-.781zm.5 5.219c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781V21H6zM6 23h20v3H6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 4v3.656l-3 4V12c0 1.645 1.355 3 3 3v13h24V15c1.645 0 3-1.355 3-3v-.344l-3-4V4zm2 2h20v1H6zm-.5 3h21l2.406 3.219c-.109.433-.437.781-.906.781c-.555 0-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1h-2c0 .555-.445 1-1 1s-1-.445-1-1H9c0 .555-.445 1-1 1s-1-.445-1-1H5c0 .555-.445 1-1 1c-.469 0-.797-.348-.906-.781zm.5 5.219c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781c.531.48 1.234.781 2 .781s1.469-.301 2-.781V21H6zM6 23h20v3H6z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%204v3.656l-3%204V12c0%201.645%201.355%203%203%203v13h24V15c1.645%200%203-1.355%203-3v-.344l-3-4V4zm2%202h20v1H6zm-.5%203h21l2.406%203.219c-.109.433-.437.781-.906.781c-.555%200-1-.445-1-1h-2c0%20.555-.445%201-1%201s-1-.445-1-1h-2c0%20.555-.445%201-1%201s-1-.445-1-1h-2c0%20.555-.445%201-1%201s-1-.445-1-1h-2c0%20.555-.445%201-1%201s-1-.445-1-1H9c0%20.555-.445%201-1%201s-1-.445-1-1H5c0%20.555-.445%201-1%201c-.469%200-.797-.348-.906-.781zm.5%205.219c.531.48%201.234.781%202%20.781s1.469-.301%202-.781c.531.48%201.234.781%202%20.781s1.469-.301%202-.781c.531.48%201.234.781%202%20.781s1.469-.301%202-.781c.531.48%201.234.781%202%20.781s1.469-.301%202-.781c.531.48%201.234.781%202%20.781s1.469-.301%202-.781V21H6zM6%2023h20v3H6z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%204v3.656l-3%204V12c0%201.645%201.355%203%203%203v13h24V15c1.645%200%203-1.355%203-3v-.344l-3-4V4zm2%202h20v1H6zm-.5%203h21l2.406%203.219c-.109.433-.437.781-.906.781c-.555%200-1-.445-1-1h-2c0%20.555-.445%201-1%201s-1-.445-1-1h-2c0%20.555-.445%201-1%201s-1-.445-1-1h-2c0%20.555-.445%201-1%201s-1-.445-1-1h-2c0%20.555-.445%201-1%201s-1-.445-1-1H9c0%20.555-.445%201-1%201s-1-.445-1-1H5c0%20.555-.445%201-1%201c-.469%200-.797-.348-.906-.781zm.5%205.219c.531.48%201.234.781%202%20.781s1.469-.301%202-.781c.531.48%201.234.781%202%20.781s1.469-.301%202-.781c.531.48%201.234.781%202%20.781s1.469-.301%202-.781c.531.48%201.234.781%202%20.781s1.469-.301%202-.781c.531.48%201.234.781%202%20.781s1.469-.301%202-.781V21H6zM6%2023h20v3H6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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