shop four tiles icon

shop-four-tiles from Iconoir by Luca Burgio · Regular · Buildings · MIT Free for personal and commercial use.

Name
shop-four-tiles
Set
Iconoir
Style
Regular
Category
Buildings
Viewbox
24×24
License
MIT
Aliases
shop-alt

More buildings icons from Iconoir

balconybathroombuildingcellarchurchchurch-sidecityelevatorfarmgaragehospitalhouse-roomsindustryneighbourhoodoil-industryplanimetryshopshop-four-tiles-windowshop-windowtunnel

Use the shop four tiles 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-width="1.5"><path d="M20.485 3h-3.992l.5 5s1 1 2.5 1a3.23 3.23 0 0 0 2.139-.806a.5.5 0 0 0 .15-.465L21.076 3.5a.6.6 0 0 0-.591-.5Z"/><path d="m16.493 3l.5 5s-1 1-2.5 1s-2.5-1-2.5-1V3z"/><path d="M11.993 3v5s-1 1-2.5 1s-2.5-1-2.5-1l.5-5z"/><path d="M7.493 3H3.502a.6.6 0 0 0-.592.501L2.205 7.73a.5.5 0 0 0 .15.465c.328.29 1.061.806 2.138.806c1.5 0 2.5-1 2.5-1z"/><path d="M3 9v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9"/><path stroke-miterlimit="16" d="M14.833 21v-6a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v6"/></g></svg>

React

import type { SVGProps } from "react";

export function IconoirShopFourTiles(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" strokeWidth="1.5"><path d="M20.485 3h-3.992l.5 5s1 1 2.5 1a3.23 3.23 0 0 0 2.139-.806a.5.5 0 0 0 .15-.465L21.076 3.5a.6.6 0 0 0-.591-.5Z"/><path d="m16.493 3l.5 5s-1 1-2.5 1s-2.5-1-2.5-1V3z"/><path d="M11.993 3v5s-1 1-2.5 1s-2.5-1-2.5-1l.5-5z"/><path d="M7.493 3H3.502a.6.6 0 0 0-.592.501L2.205 7.73a.5.5 0 0 0 .15.465c.328.29 1.061.806 2.138.806c1.5 0 2.5-1 2.5-1z"/><path d="M3 9v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9"/><path strokeMiterlimit="16" d="M14.833 21v-6a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v6"/></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-width="1.5"><path d="M20.485 3h-3.992l.5 5s1 1 2.5 1a3.23 3.23 0 0 0 2.139-.806a.5.5 0 0 0 .15-.465L21.076 3.5a.6.6 0 0 0-.591-.5Z"/><path d="m16.493 3l.5 5s-1 1-2.5 1s-2.5-1-2.5-1V3z"/><path d="M11.993 3v5s-1 1-2.5 1s-2.5-1-2.5-1l.5-5z"/><path d="M7.493 3H3.502a.6.6 0 0 0-.592.501L2.205 7.73a.5.5 0 0 0 .15.465c.328.29 1.061.806 2.138.806c1.5 0 2.5-1 2.5-1z"/><path d="M3 9v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9"/><path stroke-miterlimit="16" d="M14.833 21v-6a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v6"/></g></svg>
</template>

CSS

.icon-shop-four-tiles {
  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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20.485%203h-3.992l.5%205s1%201%202.5%201a3.23%203.23%200%200%200%202.139-.806a.5.5%200%200%200%20.15-.465L21.076%203.5a.6.6%200%200%200-.591-.5Z%22%2F%3E%3Cpath%20d%3D%22m16.493%203l.5%205s-1%201-2.5%201s-2.5-1-2.5-1V3z%22%2F%3E%3Cpath%20d%3D%22M11.993%203v5s-1%201-2.5%201s-2.5-1-2.5-1l.5-5z%22%2F%3E%3Cpath%20d%3D%22M7.493%203H3.502a.6.6%200%200%200-.592.501L2.205%207.73a.5.5%200%200%200%20.15.465c.328.29%201.061.806%202.138.806c1.5%200%202.5-1%202.5-1z%22%2F%3E%3Cpath%20d%3D%22M3%209v10a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V9%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2216%22%20d%3D%22M14.833%2021v-6a2%202%200%200%200-2-2h-2a2%202%200%200%200-2%202v6%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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20.485%203h-3.992l.5%205s1%201%202.5%201a3.23%203.23%200%200%200%202.139-.806a.5.5%200%200%200%20.15-.465L21.076%203.5a.6.6%200%200%200-.591-.5Z%22%2F%3E%3Cpath%20d%3D%22m16.493%203l.5%205s-1%201-2.5%201s-2.5-1-2.5-1V3z%22%2F%3E%3Cpath%20d%3D%22M11.993%203v5s-1%201-2.5%201s-2.5-1-2.5-1l.5-5z%22%2F%3E%3Cpath%20d%3D%22M7.493%203H3.502a.6.6%200%200%200-.592.501L2.205%207.73a.5.5%200%200%200%20.15.465c.328.29%201.061.806%202.138.806c1.5%200%202.5-1%202.5-1z%22%2F%3E%3Cpath%20d%3D%22M3%209v10a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V9%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2216%22%20d%3D%22M14.833%2021v-6a2%202%200%200%200-2-2h-2a2%202%200%200%200-2%202v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/iconoir/shop-four-tiles.svg?color=%231a73e8&size=48