storefront edit icon

storefront-edit from Material Design Icons by Pictogrammers · Filled · Edit / Modify · Apache-2.0 Free for personal and commercial use.

Name: storefront-edit
Set: Material Design Icons
Style: Filled
Category: Edit / Modify
Viewbox: 24×24
License: Apache 2.0

1 other variant in Material Design Icons

storefront-edit-outline

More edit / modify icons from Material Design Icons

Use the storefront edit icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.84 3.42c.38-.28.79-.42 1.22-.42h13.88c.44 0 .83.14 1.19.42c.37.28.6.64.73 1.08l1.03 4.41c.11.5.11.96.06 1.4c-.72-.28-1.55-.21-2.22.19c.27-.33.33-.71.24-1.12l-1.08-4.41l-1.92.03l.61 4.84c.03.32.15.59.37.82c.22.24.49.34.8.34c.16 0 .31-.03.45-.08l-.13.14l-.01-.01l-1.64 1.64c-.33-.16-.62-.38-.88-.64c-.63.62-1.37.95-2.24.95c-.85 0-1.62-.3-2.3-.93c-.56.56-1.36.93-2.2.93c-.94 0-1.7-.33-2.33-.95c-.56.54-1.31.95-2.25.95s-1.59-.36-2.18-.93c-.11-.1-.23-.22-.35-.34c-.63-.81-.83-1.73-.58-2.82L3.14 4.5c.1-.44.32-.8.7-1.08M7.03 5H5.06L4.03 9.38c-.09.43 0 .82.28 1.17c.22.31.53.45.94.45c.66 0 1.05-.37 1.17-1.16M11 5H9.05L8.5 9.5v.16c0 .34.11.64.34.93s.52.41.86.41c.38 0 .69-.12.94-.38c.25-.27.36-.57.36-.92M14.95 5H13v4.7c0 .35.11.65.36.92c.25.26.53.38.84.38c.41 0 .75-.13 1.01-.43c.29-.3.37-.65.29-1.07m5.61 6.43l-2.05-2.05L13 19.94V22h2.06m-.76-7c.33 0 .66-.05.97-.16L11 19.11V21H5c-1.11 0-2-.89-2-2v-4.97c.66.62 1.33.97 2.23.97c.87 0 1.66-.36 2.24-.95c.6.6 1.4.95 2.31.95c.87 0 1.65-.36 2.22-.93c.6.57 1.4.93 2.3.93m8.4-.65l-1 1l-2.05-2.05l1-1c.07-.07.16-.12.25-.14c.18-.05.38 0 .52.14l1.28 1.28c.21.21.21.56 0 .77"/></svg>

React

import type { SVGProps } from "react";

export function MdiStorefrontEdit(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="M3.84 3.42c.38-.28.79-.42 1.22-.42h13.88c.44 0 .83.14 1.19.42c.37.28.6.64.73 1.08l1.03 4.41c.11.5.11.96.06 1.4c-.72-.28-1.55-.21-2.22.19c.27-.33.33-.71.24-1.12l-1.08-4.41l-1.92.03l.61 4.84c.03.32.15.59.37.82c.22.24.49.34.8.34c.16 0 .31-.03.45-.08l-.13.14l-.01-.01l-1.64 1.64c-.33-.16-.62-.38-.88-.64c-.63.62-1.37.95-2.24.95c-.85 0-1.62-.3-2.3-.93c-.56.56-1.36.93-2.2.93c-.94 0-1.7-.33-2.33-.95c-.56.54-1.31.95-2.25.95s-1.59-.36-2.18-.93c-.11-.1-.23-.22-.35-.34c-.63-.81-.83-1.73-.58-2.82L3.14 4.5c.1-.44.32-.8.7-1.08M7.03 5H5.06L4.03 9.38c-.09.43 0 .82.28 1.17c.22.31.53.45.94.45c.66 0 1.05-.37 1.17-1.16M11 5H9.05L8.5 9.5v.16c0 .34.11.64.34.93s.52.41.86.41c.38 0 .69-.12.94-.38c.25-.27.36-.57.36-.92M14.95 5H13v4.7c0 .35.11.65.36.92c.25.26.53.38.84.38c.41 0 .75-.13 1.01-.43c.29-.3.37-.65.29-1.07m5.61 6.43l-2.05-2.05L13 19.94V22h2.06m-.76-7c.33 0 .66-.05.97-.16L11 19.11V21H5c-1.11 0-2-.89-2-2v-4.97c.66.62 1.33.97 2.23.97c.87 0 1.66-.36 2.24-.95c.6.6 1.4.95 2.31.95c.87 0 1.65-.36 2.22-.93c.6.57 1.4.93 2.3.93m8.4-.65l-1 1l-2.05-2.05l1-1c.07-.07.16-.12.25-.14c.18-.05.38 0 .52.14l1.28 1.28c.21.21.21.56 0 .77"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.84 3.42c.38-.28.79-.42 1.22-.42h13.88c.44 0 .83.14 1.19.42c.37.28.6.64.73 1.08l1.03 4.41c.11.5.11.96.06 1.4c-.72-.28-1.55-.21-2.22.19c.27-.33.33-.71.24-1.12l-1.08-4.41l-1.92.03l.61 4.84c.03.32.15.59.37.82c.22.24.49.34.8.34c.16 0 .31-.03.45-.08l-.13.14l-.01-.01l-1.64 1.64c-.33-.16-.62-.38-.88-.64c-.63.62-1.37.95-2.24.95c-.85 0-1.62-.3-2.3-.93c-.56.56-1.36.93-2.2.93c-.94 0-1.7-.33-2.33-.95c-.56.54-1.31.95-2.25.95s-1.59-.36-2.18-.93c-.11-.1-.23-.22-.35-.34c-.63-.81-.83-1.73-.58-2.82L3.14 4.5c.1-.44.32-.8.7-1.08M7.03 5H5.06L4.03 9.38c-.09.43 0 .82.28 1.17c.22.31.53.45.94.45c.66 0 1.05-.37 1.17-1.16M11 5H9.05L8.5 9.5v.16c0 .34.11.64.34.93s.52.41.86.41c.38 0 .69-.12.94-.38c.25-.27.36-.57.36-.92M14.95 5H13v4.7c0 .35.11.65.36.92c.25.26.53.38.84.38c.41 0 .75-.13 1.01-.43c.29-.3.37-.65.29-1.07m5.61 6.43l-2.05-2.05L13 19.94V22h2.06m-.76-7c.33 0 .66-.05.97-.16L11 19.11V21H5c-1.11 0-2-.89-2-2v-4.97c.66.62 1.33.97 2.23.97c.87 0 1.66-.36 2.24-.95c.6.6 1.4.95 2.31.95c.87 0 1.65-.36 2.22-.93c.6.57 1.4.93 2.3.93m8.4-.65l-1 1l-2.05-2.05l1-1c.07-.07.16-.12.25-.14c.18-.05.38 0 .52.14l1.28 1.28c.21.21.21.56 0 .77"/></svg>
</template>

CSS

.icon-storefront-edit {
  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%22M3.84%203.42c.38-.28.79-.42%201.22-.42h13.88c.44%200%20.83.14%201.19.42c.37.28.6.64.73%201.08l1.03%204.41c.11.5.11.96.06%201.4c-.72-.28-1.55-.21-2.22.19c.27-.33.33-.71.24-1.12l-1.08-4.41l-1.92.03l.61%204.84c.03.32.15.59.37.82c.22.24.49.34.8.34c.16%200%20.31-.03.45-.08l-.13.14l-.01-.01l-1.64%201.64c-.33-.16-.62-.38-.88-.64c-.63.62-1.37.95-2.24.95c-.85%200-1.62-.3-2.3-.93c-.56.56-1.36.93-2.2.93c-.94%200-1.7-.33-2.33-.95c-.56.54-1.31.95-2.25.95s-1.59-.36-2.18-.93c-.11-.1-.23-.22-.35-.34c-.63-.81-.83-1.73-.58-2.82L3.14%204.5c.1-.44.32-.8.7-1.08M7.03%205H5.06L4.03%209.38c-.09.43%200%20.82.28%201.17c.22.31.53.45.94.45c.66%200%201.05-.37%201.17-1.16M11%205H9.05L8.5%209.5v.16c0%20.34.11.64.34.93s.52.41.86.41c.38%200%20.69-.12.94-.38c.25-.27.36-.57.36-.92M14.95%205H13v4.7c0%20.35.11.65.36.92c.25.26.53.38.84.38c.41%200%20.75-.13%201.01-.43c.29-.3.37-.65.29-1.07m5.61%206.43l-2.05-2.05L13%2019.94V22h2.06m-.76-7c.33%200%20.66-.05.97-.16L11%2019.11V21H5c-1.11%200-2-.89-2-2v-4.97c.66.62%201.33.97%202.23.97c.87%200%201.66-.36%202.24-.95c.6.6%201.4.95%202.31.95c.87%200%201.65-.36%202.22-.93c.6.57%201.4.93%202.3.93m8.4-.65l-1%201l-2.05-2.05l1-1c.07-.07.16-.12.25-.14c.18-.05.38%200%20.52.14l1.28%201.28c.21.21.21.56%200%20.77%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%22M3.84%203.42c.38-.28.79-.42%201.22-.42h13.88c.44%200%20.83.14%201.19.42c.37.28.6.64.73%201.08l1.03%204.41c.11.5.11.96.06%201.4c-.72-.28-1.55-.21-2.22.19c.27-.33.33-.71.24-1.12l-1.08-4.41l-1.92.03l.61%204.84c.03.32.15.59.37.82c.22.24.49.34.8.34c.16%200%20.31-.03.45-.08l-.13.14l-.01-.01l-1.64%201.64c-.33-.16-.62-.38-.88-.64c-.63.62-1.37.95-2.24.95c-.85%200-1.62-.3-2.3-.93c-.56.56-1.36.93-2.2.93c-.94%200-1.7-.33-2.33-.95c-.56.54-1.31.95-2.25.95s-1.59-.36-2.18-.93c-.11-.1-.23-.22-.35-.34c-.63-.81-.83-1.73-.58-2.82L3.14%204.5c.1-.44.32-.8.7-1.08M7.03%205H5.06L4.03%209.38c-.09.43%200%20.82.28%201.17c.22.31.53.45.94.45c.66%200%201.05-.37%201.17-1.16M11%205H9.05L8.5%209.5v.16c0%20.34.11.64.34.93s.52.41.86.41c.38%200%20.69-.12.94-.38c.25-.27.36-.57.36-.92M14.95%205H13v4.7c0%20.35.11.65.36.92c.25.26.53.38.84.38c.41%200%20.75-.13%201.01-.43c.29-.3.37-.65.29-1.07m5.61%206.43l-2.05-2.05L13%2019.94V22h2.06m-.76-7c.33%200%20.66-.05.97-.16L11%2019.11V21H5c-1.11%200-2-.89-2-2v-4.97c.66.62%201.33.97%202.23.97c.87%200%201.66-.36%202.24-.95c.6.6%201.4.95%202.31.95c.87%200%201.65-.36%202.22-.93c.6.57%201.4.93%202.3.93m8.4-.65l-1%201l-2.05-2.05l1-1c.07-.07.16-.12.25-.14c.18-.05.38%200%20.52.14l1.28%201.28c.21.21.21.56%200%20.77%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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