published with changes icon

published-with-changes from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.

Name: published-with-changes
Set: Material Symbols Light
Style: Regular
Category: Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: published-with-changes-outline, published-with-changes-outline-sharp, published-with-changes-sharp

1 other variant in Material Symbols Light

published-with-changes-rounded

The same icon in other sets

published-with-changesMaterial Symbols

More actions icons from Material Symbols Light

Use the published with changes icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 20.873q-1.63-.296-3.009-1.095q-1.377-.8-2.378-1.973t-1.557-2.659Q3 13.662 3 12q0-2.16.932-4.017T6.727 4.73H3.75v-1H8.5v4.75h-1V5.41Q5.74 6.625 4.87 8.343T4 12q0 2.864 1.791 5.063q1.792 2.199 4.709 2.785zm.075-4.965l-3.533-3.539l.708-.707l2.825 2.824l5.675-5.675l.708.714zm4.925 4.38v-4.75h1v3.071q1.74-1.24 2.62-2.955T20 12q0-2.863-1.791-5.062q-1.792-2.2-4.709-2.786V3.127q3.28.587 5.39 3.056T21 12q0 2.16-.932 4.027t-2.795 3.262h2.977v1z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightPublishedWithChanges(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="M10.5 20.873q-1.63-.296-3.009-1.095q-1.377-.8-2.378-1.973t-1.557-2.659Q3 13.662 3 12q0-2.16.932-4.017T6.727 4.73H3.75v-1H8.5v4.75h-1V5.41Q5.74 6.625 4.87 8.343T4 12q0 2.864 1.791 5.063q1.792 2.199 4.709 2.785zm.075-4.965l-3.533-3.539l.708-.707l2.825 2.824l5.675-5.675l.708.714zm4.925 4.38v-4.75h1v3.071q1.74-1.24 2.62-2.955T20 12q0-2.863-1.791-5.062q-1.792-2.2-4.709-2.786V3.127q3.28.587 5.39 3.056T21 12q0 2.16-.932 4.027t-2.795 3.262h2.977v1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 20.873q-1.63-.296-3.009-1.095q-1.377-.8-2.378-1.973t-1.557-2.659Q3 13.662 3 12q0-2.16.932-4.017T6.727 4.73H3.75v-1H8.5v4.75h-1V5.41Q5.74 6.625 4.87 8.343T4 12q0 2.864 1.791 5.063q1.792 2.199 4.709 2.785zm.075-4.965l-3.533-3.539l.708-.707l2.825 2.824l5.675-5.675l.708.714zm4.925 4.38v-4.75h1v3.071q1.74-1.24 2.62-2.955T20 12q0-2.863-1.791-5.062q-1.792-2.2-4.709-2.786V3.127q3.28.587 5.39 3.056T21 12q0 2.16-.932 4.027t-2.795 3.262h2.977v1z"/></svg>
</template>

CSS

.icon-published-with-changes {
  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%22M10.5%2020.873q-1.63-.296-3.009-1.095q-1.377-.8-2.378-1.973t-1.557-2.659Q3%2013.662%203%2012q0-2.16.932-4.017T6.727%204.73H3.75v-1H8.5v4.75h-1V5.41Q5.74%206.625%204.87%208.343T4%2012q0%202.864%201.791%205.063q1.792%202.199%204.709%202.785zm.075-4.965l-3.533-3.539l.708-.707l2.825%202.824l5.675-5.675l.708.714zm4.925%204.38v-4.75h1v3.071q1.74-1.24%202.62-2.955T20%2012q0-2.863-1.791-5.062q-1.792-2.2-4.709-2.786V3.127q3.28.587%205.39%203.056T21%2012q0%202.16-.932%204.027t-2.795%203.262h2.977v1z%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%22M10.5%2020.873q-1.63-.296-3.009-1.095q-1.377-.8-2.378-1.973t-1.557-2.659Q3%2013.662%203%2012q0-2.16.932-4.017T6.727%204.73H3.75v-1H8.5v4.75h-1V5.41Q5.74%206.625%204.87%208.343T4%2012q0%202.864%201.791%205.063q1.792%202.199%204.709%202.785zm.075-4.965l-3.533-3.539l.708-.707l2.825%202.824l5.675-5.675l.708.714zm4.925%204.38v-4.75h1v3.071q1.74-1.24%202.62-2.955T20%2012q0-2.863-1.791-5.062q-1.792-2.2-4.709-2.786V3.127q3.28.587%205.39%203.056T21%2012q0%202.16-.932%204.027t-2.795%203.262h2.977v1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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