box edit icon

box-edit-outline-rounded from Material Symbols Light by Google · Outline Rounded · Business · Apache-2.0 Free for personal and commercial use.

Name: box-edit-outline-rounded
Set: Material Symbols Light
Style: Outline Rounded
Category: Business
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

box-edit box-edit-outline box-edit-outline-sharp box-edit-rounded box-edit-sharp

The same icon in other sets

box-edit-20-filledFluent UI System Icons box-editMaterial Symbols

More business icons from Material Symbols Light

Use the box edit icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.38 6.808H18.6l-1.33-1.596q-.097-.096-.222-.154T16.788 5H7.192q-.134 0-.26.058t-.22.154zM10 12.962l2-1l2 1V7.808h-4zM5.616 20q-.667 0-1.141-.475T4 18.386v-10.9q0-.282.093-.545t.28-.48l1.558-1.87q.217-.286.543-.438T7.176 4h9.61q.376 0 .709.153q.333.152.555.438L19.627 6.5q.187.225.28.492q.093.266.093.552v2.023q0 .213-.144.356t-.357.144t-.356-.144T19 9.567v-1.76h-4v5.857l-.617.617L12 13.096l-1.839.91q-.403.211-.782-.023Q9 13.748 9 13.279V7.808H5v10.577q0 .269.173.442t.443.173h5.73q.213 0 .357.144t.143.357t-.143.356t-.357.143zM15 7.808h4zm-10 0h9.383zm9.23 11.384V18.12q0-.153.057-.296q.055-.144.186-.275l5.09-5.065q.149-.148.306-.2q.158-.052.315-.052q.172 0 .338.064q.166.065.301.194l.925.944q.123.148.188.308q.064.159.064.319t-.061.322t-.191.31l-5.065 5.066q-.131.13-.275.186q-.143.056-.297.056h-1.073q-.343 0-.575-.232t-.232-.576m6.884-5.133l-.925-.944zm-6 5.056h.95l3.468-3.473l-.47-.475l-.455-.488l-3.493 3.486zm3.948-3.948l-.455-.488l.925.963z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightBoxEditOutlineRounded(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="M5.38 6.808H18.6l-1.33-1.596q-.097-.096-.222-.154T16.788 5H7.192q-.134 0-.26.058t-.22.154zM10 12.962l2-1l2 1V7.808h-4zM5.616 20q-.667 0-1.141-.475T4 18.386v-10.9q0-.282.093-.545t.28-.48l1.558-1.87q.217-.286.543-.438T7.176 4h9.61q.376 0 .709.153q.333.152.555.438L19.627 6.5q.187.225.28.492q.093.266.093.552v2.023q0 .213-.144.356t-.357.144t-.356-.144T19 9.567v-1.76h-4v5.857l-.617.617L12 13.096l-1.839.91q-.403.211-.782-.023Q9 13.748 9 13.279V7.808H5v10.577q0 .269.173.442t.443.173h5.73q.213 0 .357.144t.143.357t-.143.356t-.357.143zM15 7.808h4zm-10 0h9.383zm9.23 11.384V18.12q0-.153.057-.296q.055-.144.186-.275l5.09-5.065q.149-.148.306-.2q.158-.052.315-.052q.172 0 .338.064q.166.065.301.194l.925.944q.123.148.188.308q.064.159.064.319t-.061.322t-.191.31l-5.065 5.066q-.131.13-.275.186q-.143.056-.297.056h-1.073q-.343 0-.575-.232t-.232-.576m6.884-5.133l-.925-.944zm-6 5.056h.95l3.468-3.473l-.47-.475l-.455-.488l-3.493 3.486zm3.948-3.948l-.455-.488l.925.963z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.38 6.808H18.6l-1.33-1.596q-.097-.096-.222-.154T16.788 5H7.192q-.134 0-.26.058t-.22.154zM10 12.962l2-1l2 1V7.808h-4zM5.616 20q-.667 0-1.141-.475T4 18.386v-10.9q0-.282.093-.545t.28-.48l1.558-1.87q.217-.286.543-.438T7.176 4h9.61q.376 0 .709.153q.333.152.555.438L19.627 6.5q.187.225.28.492q.093.266.093.552v2.023q0 .213-.144.356t-.357.144t-.356-.144T19 9.567v-1.76h-4v5.857l-.617.617L12 13.096l-1.839.91q-.403.211-.782-.023Q9 13.748 9 13.279V7.808H5v10.577q0 .269.173.442t.443.173h5.73q.213 0 .357.144t.143.357t-.143.356t-.357.143zM15 7.808h4zm-10 0h9.383zm9.23 11.384V18.12q0-.153.057-.296q.055-.144.186-.275l5.09-5.065q.149-.148.306-.2q.158-.052.315-.052q.172 0 .338.064q.166.065.301.194l.925.944q.123.148.188.308q.064.159.064.319t-.061.322t-.191.31l-5.065 5.066q-.131.13-.275.186q-.143.056-.297.056h-1.073q-.343 0-.575-.232t-.232-.576m6.884-5.133l-.925-.944zm-6 5.056h.95l3.468-3.473l-.47-.475l-.455-.488l-3.493 3.486zm3.948-3.948l-.455-.488l.925.963z"/></svg>
</template>

CSS

.icon-box-edit-outline-rounded {
  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%22M5.38%206.808H18.6l-1.33-1.596q-.097-.096-.222-.154T16.788%205H7.192q-.134%200-.26.058t-.22.154zM10%2012.962l2-1l2%201V7.808h-4zM5.616%2020q-.667%200-1.141-.475T4%2018.386v-10.9q0-.282.093-.545t.28-.48l1.558-1.87q.217-.286.543-.438T7.176%204h9.61q.376%200%20.709.153q.333.152.555.438L19.627%206.5q.187.225.28.492q.093.266.093.552v2.023q0%20.213-.144.356t-.357.144t-.356-.144T19%209.567v-1.76h-4v5.857l-.617.617L12%2013.096l-1.839.91q-.403.211-.782-.023Q9%2013.748%209%2013.279V7.808H5v10.577q0%20.269.173.442t.443.173h5.73q.213%200%20.357.144t.143.357t-.143.356t-.357.143zM15%207.808h4zm-10%200h9.383zm9.23%2011.384V18.12q0-.153.057-.296q.055-.144.186-.275l5.09-5.065q.149-.148.306-.2q.158-.052.315-.052q.172%200%20.338.064q.166.065.301.194l.925.944q.123.148.188.308q.064.159.064.319t-.061.322t-.191.31l-5.065%205.066q-.131.13-.275.186q-.143.056-.297.056h-1.073q-.343%200-.575-.232t-.232-.576m6.884-5.133l-.925-.944zm-6%205.056h.95l3.468-3.473l-.47-.475l-.455-.488l-3.493%203.486zm3.948-3.948l-.455-.488l.925.963z%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%22M5.38%206.808H18.6l-1.33-1.596q-.097-.096-.222-.154T16.788%205H7.192q-.134%200-.26.058t-.22.154zM10%2012.962l2-1l2%201V7.808h-4zM5.616%2020q-.667%200-1.141-.475T4%2018.386v-10.9q0-.282.093-.545t.28-.48l1.558-1.87q.217-.286.543-.438T7.176%204h9.61q.376%200%20.709.153q.333.152.555.438L19.627%206.5q.187.225.28.492q.093.266.093.552v2.023q0%20.213-.144.356t-.357.144t-.356-.144T19%209.567v-1.76h-4v5.857l-.617.617L12%2013.096l-1.839.91q-.403.211-.782-.023Q9%2013.748%209%2013.279V7.808H5v10.577q0%20.269.173.442t.443.173h5.73q.213%200%20.357.144t.143.357t-.143.356t-.357.143zM15%207.808h4zm-10%200h9.383zm9.23%2011.384V18.12q0-.153.057-.296q.055-.144.186-.275l5.09-5.065q.149-.148.306-.2q.158-.052.315-.052q.172%200%20.338.064q.166.065.301.194l.925.944q.123.148.188.308q.064.159.064.319t-.061.322t-.191.31l-5.065%205.066q-.131.13-.275.186q-.143.056-.297.056h-1.073q-.343%200-.575-.232t-.232-.576m6.884-5.133l-.925-.944zm-6%205.056h.95l3.468-3.473l-.47-.475l-.455-.488l-3.493%203.486zm3.948-3.948l-.455-.488l.925.963z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/box-edit-outline-rounded.svg?color=%231a73e8&size=48