round published with changes icon

round-published-with-changes from Google Material Icons by Material Design Authors · Baseline · Action · Apache-2.0 Free for personal and commercial use.

Name
round-published-with-changes
Set
Google Material Icons
Style
Baseline
Category
Action
Viewbox
24×24
License
Apache 2.0

More action icons from Google Material Icons

Use the round 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="m16.95 10.23l-5.66 5.66a.996.996 0 0 1-1.41 0l-2.83-2.83a.996.996 0 1 1 1.41-1.41l2.12 2.12l4.95-4.95a.996.996 0 0 1 1.41 0c.4.39.4 1.02.01 1.41M4 12c0-2.33 1.02-4.42 2.62-5.88l1.53 1.53A.5.5 0 0 0 9 7.29V3c0-.28-.22-.5-.5-.5H4.21c-.45 0-.67.54-.35.85L5.2 4.7C3.24 6.52 2 9.11 2 12c0 4.75 3.32 8.73 7.76 9.75c.63.14 1.24-.33 1.24-.98c0-.47-.33-.87-.79-.98C6.66 18.98 4 15.8 4 12m18 0c0-4.75-3.32-8.73-7.76-9.75c-.63-.14-1.24.33-1.24.98c0 .47.33.87.79.98C17.34 5.02 20 8.2 20 12c0 2.33-1.02 4.42-2.62 5.88l-1.53-1.53a.5.5 0 0 0-.85.36V21c0 .28.22.5.5.5h4.29c.45 0 .67-.54.35-.85L18.8 19.3c1.96-1.82 3.2-4.41 3.2-7.3"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundPublishedWithChanges(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="m16.95 10.23l-5.66 5.66a.996.996 0 0 1-1.41 0l-2.83-2.83a.996.996 0 1 1 1.41-1.41l2.12 2.12l4.95-4.95a.996.996 0 0 1 1.41 0c.4.39.4 1.02.01 1.41M4 12c0-2.33 1.02-4.42 2.62-5.88l1.53 1.53A.5.5 0 0 0 9 7.29V3c0-.28-.22-.5-.5-.5H4.21c-.45 0-.67.54-.35.85L5.2 4.7C3.24 6.52 2 9.11 2 12c0 4.75 3.32 8.73 7.76 9.75c.63.14 1.24-.33 1.24-.98c0-.47-.33-.87-.79-.98C6.66 18.98 4 15.8 4 12m18 0c0-4.75-3.32-8.73-7.76-9.75c-.63-.14-1.24.33-1.24.98c0 .47.33.87.79.98C17.34 5.02 20 8.2 20 12c0 2.33-1.02 4.42-2.62 5.88l-1.53-1.53a.5.5 0 0 0-.85.36V21c0 .28.22.5.5.5h4.29c.45 0 .67-.54.35-.85L18.8 19.3c1.96-1.82 3.2-4.41 3.2-7.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.95 10.23l-5.66 5.66a.996.996 0 0 1-1.41 0l-2.83-2.83a.996.996 0 1 1 1.41-1.41l2.12 2.12l4.95-4.95a.996.996 0 0 1 1.41 0c.4.39.4 1.02.01 1.41M4 12c0-2.33 1.02-4.42 2.62-5.88l1.53 1.53A.5.5 0 0 0 9 7.29V3c0-.28-.22-.5-.5-.5H4.21c-.45 0-.67.54-.35.85L5.2 4.7C3.24 6.52 2 9.11 2 12c0 4.75 3.32 8.73 7.76 9.75c.63.14 1.24-.33 1.24-.98c0-.47-.33-.87-.79-.98C6.66 18.98 4 15.8 4 12m18 0c0-4.75-3.32-8.73-7.76-9.75c-.63-.14-1.24.33-1.24.98c0 .47.33.87.79.98C17.34 5.02 20 8.2 20 12c0 2.33-1.02 4.42-2.62 5.88l-1.53-1.53a.5.5 0 0 0-.85.36V21c0 .28.22.5.5.5h4.29c.45 0 .67-.54.35-.85L18.8 19.3c1.96-1.82 3.2-4.41 3.2-7.3"/></svg>
</template>

CSS

.icon-round-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%22m16.95%2010.23l-5.66%205.66a.996.996%200%200%201-1.41%200l-2.83-2.83a.996.996%200%201%201%201.41-1.41l2.12%202.12l4.95-4.95a.996.996%200%200%201%201.41%200c.4.39.4%201.02.01%201.41M4%2012c0-2.33%201.02-4.42%202.62-5.88l1.53%201.53A.5.5%200%200%200%209%207.29V3c0-.28-.22-.5-.5-.5H4.21c-.45%200-.67.54-.35.85L5.2%204.7C3.24%206.52%202%209.11%202%2012c0%204.75%203.32%208.73%207.76%209.75c.63.14%201.24-.33%201.24-.98c0-.47-.33-.87-.79-.98C6.66%2018.98%204%2015.8%204%2012m18%200c0-4.75-3.32-8.73-7.76-9.75c-.63-.14-1.24.33-1.24.98c0%20.47.33.87.79.98C17.34%205.02%2020%208.2%2020%2012c0%202.33-1.02%204.42-2.62%205.88l-1.53-1.53a.5.5%200%200%200-.85.36V21c0%20.28.22.5.5.5h4.29c.45%200%20.67-.54.35-.85L18.8%2019.3c1.96-1.82%203.2-4.41%203.2-7.3%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%22m16.95%2010.23l-5.66%205.66a.996.996%200%200%201-1.41%200l-2.83-2.83a.996.996%200%201%201%201.41-1.41l2.12%202.12l4.95-4.95a.996.996%200%200%201%201.41%200c.4.39.4%201.02.01%201.41M4%2012c0-2.33%201.02-4.42%202.62-5.88l1.53%201.53A.5.5%200%200%200%209%207.29V3c0-.28-.22-.5-.5-.5H4.21c-.45%200-.67.54-.35.85L5.2%204.7C3.24%206.52%202%209.11%202%2012c0%204.75%203.32%208.73%207.76%209.75c.63.14%201.24-.33%201.24-.98c0-.47-.33-.87-.79-.98C6.66%2018.98%204%2015.8%204%2012m18%200c0-4.75-3.32-8.73-7.76-9.75c-.63-.14-1.24.33-1.24.98c0%20.47.33.87.79.98C17.34%205.02%2020%208.2%2020%2012c0%202.33-1.02%204.42-2.62%205.88l-1.53-1.53a.5.5%200%200%200-.85.36V21c0%20.28.22.5.5.5h4.29c.45%200%20.67-.54.35-.85L18.8%2019.3c1.96-1.82%203.2-4.41%203.2-7.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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