change circle icon
change-circle-rounded from Material Symbols Light by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- change-circle-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More ui actions icons from Material Symbols Light
Use the change circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.825 15.783q-.975.006-1.907-.209t-1.604-.888q-.539-.538-.83-1.23q-.292-.692-.292-1.45q0-.327.045-.622q.044-.296.157-.598q.062-.184-.012-.359t-.234-.243q-.165-.067-.337.01t-.234.262q-.125.375-.197.76q-.072.384-.072.784q0 .942.358 1.797q.359.855 1.02 1.516q.772.796 1.848 1.075q1.076.28 2.185.285l-.963.964q-.129.129-.139.304t.139.323t.313.148t.314-.148l1.523-1.523q.242-.243.242-.566t-.242-.565l-1.523-1.523q-.13-.13-.304-.139q-.175-.01-.323.139t-.148.313t.148.314zm-1.636-7.571q.975 0 1.909.214q.935.214 1.608.887q.538.539.83 1.231t.291 1.45q0 .327-.044.622t-.158.597q-.061.185.013.363t.233.245q.166.067.338 0t.233-.252q.125-.375.198-.772q.072-.397.072-.797q0-.942-.353-1.797t-1.02-1.522q-.778-.797-1.854-1.072q-1.075-.276-2.185-.276l.97-.97q.122-.129.132-.304t-.138-.323t-.314-.147t-.313.147L10.114 7.26q-.243.243-.243.566t.243.565l1.523 1.523q.129.13.304.139t.323-.138t.148-.314t-.148-.313zM12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12t.71-3.506t1.927-2.857T8.494 3.71Q10.137 3 12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12t-.71 3.506q-.711 1.642-1.926 2.857q-1.216 1.216-2.858 1.926Q13.864 21 12 21"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightChangeCircleRounded(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="M12.825 15.783q-.975.006-1.907-.209t-1.604-.888q-.539-.538-.83-1.23q-.292-.692-.292-1.45q0-.327.045-.622q.044-.296.157-.598q.062-.184-.012-.359t-.234-.243q-.165-.067-.337.01t-.234.262q-.125.375-.197.76q-.072.384-.072.784q0 .942.358 1.797q.359.855 1.02 1.516q.772.796 1.848 1.075q1.076.28 2.185.285l-.963.964q-.129.129-.139.304t.139.323t.313.148t.314-.148l1.523-1.523q.242-.243.242-.566t-.242-.565l-1.523-1.523q-.13-.13-.304-.139q-.175-.01-.323.139t-.148.313t.148.314zm-1.636-7.571q.975 0 1.909.214q.935.214 1.608.887q.538.539.83 1.231t.291 1.45q0 .327-.044.622t-.158.597q-.061.185.013.363t.233.245q.166.067.338 0t.233-.252q.125-.375.198-.772q.072-.397.072-.797q0-.942-.353-1.797t-1.02-1.522q-.778-.797-1.854-1.072q-1.075-.276-2.185-.276l.97-.97q.122-.129.132-.304t-.138-.323t-.314-.147t-.313.147L10.114 7.26q-.243.243-.243.566t.243.565l1.523 1.523q.129.13.304.139t.323-.138t.148-.314t-.148-.313zM12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12t.71-3.506t1.927-2.857T8.494 3.71Q10.137 3 12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12t-.71 3.506q-.711 1.642-1.926 2.857q-1.216 1.216-2.858 1.926Q13.864 21 12 21"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.825 15.783q-.975.006-1.907-.209t-1.604-.888q-.539-.538-.83-1.23q-.292-.692-.292-1.45q0-.327.045-.622q.044-.296.157-.598q.062-.184-.012-.359t-.234-.243q-.165-.067-.337.01t-.234.262q-.125.375-.197.76q-.072.384-.072.784q0 .942.358 1.797q.359.855 1.02 1.516q.772.796 1.848 1.075q1.076.28 2.185.285l-.963.964q-.129.129-.139.304t.139.323t.313.148t.314-.148l1.523-1.523q.242-.243.242-.566t-.242-.565l-1.523-1.523q-.13-.13-.304-.139q-.175-.01-.323.139t-.148.313t.148.314zm-1.636-7.571q.975 0 1.909.214q.935.214 1.608.887q.538.539.83 1.231t.291 1.45q0 .327-.044.622t-.158.597q-.061.185.013.363t.233.245q.166.067.338 0t.233-.252q.125-.375.198-.772q.072-.397.072-.797q0-.942-.353-1.797t-1.02-1.522q-.778-.797-1.854-1.072q-1.075-.276-2.185-.276l.97-.97q.122-.129.132-.304t-.138-.323t-.314-.147t-.313.147L10.114 7.26q-.243.243-.243.566t.243.565l1.523 1.523q.129.13.304.139t.323-.138t.148-.314t-.148-.313zM12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12t.71-3.506t1.927-2.857T8.494 3.71Q10.137 3 12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12t-.71 3.506q-.711 1.642-1.926 2.857q-1.216 1.216-2.858 1.926Q13.864 21 12 21"/></svg> </template>
CSS
.icon-change-circle-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%22M12.825%2015.783q-.975.006-1.907-.209t-1.604-.888q-.539-.538-.83-1.23q-.292-.692-.292-1.45q0-.327.045-.622q.044-.296.157-.598q.062-.184-.012-.359t-.234-.243q-.165-.067-.337.01t-.234.262q-.125.375-.197.76q-.072.384-.072.784q0%20.942.358%201.797q.359.855%201.02%201.516q.772.796%201.848%201.075q1.076.28%202.185.285l-.963.964q-.129.129-.139.304t.139.323t.313.148t.314-.148l1.523-1.523q.242-.243.242-.566t-.242-.565l-1.523-1.523q-.13-.13-.304-.139q-.175-.01-.323.139t-.148.313t.148.314zm-1.636-7.571q.975%200%201.909.214q.935.214%201.608.887q.538.539.83%201.231t.291%201.45q0%20.327-.044.622t-.158.597q-.061.185.013.363t.233.245q.166.067.338%200t.233-.252q.125-.375.198-.772q.072-.397.072-.797q0-.942-.353-1.797t-1.02-1.522q-.778-.797-1.854-1.072q-1.075-.276-2.185-.276l.97-.97q.122-.129.132-.304t-.138-.323t-.314-.147t-.313.147L10.114%207.26q-.243.243-.243.566t.243.565l1.523%201.523q.129.13.304.139t.323-.138t.148-.314t-.148-.313zM12%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3%2013.864%203%2012t.71-3.506t1.927-2.857T8.494%203.71Q10.137%203%2012%203t3.506.71q1.642.711%202.857%201.927q1.216%201.215%201.926%202.857Q21%2010.137%2021%2012t-.71%203.506q-.711%201.642-1.926%202.857q-1.216%201.216-2.858%201.926Q13.864%2021%2012%2021%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%22M12.825%2015.783q-.975.006-1.907-.209t-1.604-.888q-.539-.538-.83-1.23q-.292-.692-.292-1.45q0-.327.045-.622q.044-.296.157-.598q.062-.184-.012-.359t-.234-.243q-.165-.067-.337.01t-.234.262q-.125.375-.197.76q-.072.384-.072.784q0%20.942.358%201.797q.359.855%201.02%201.516q.772.796%201.848%201.075q1.076.28%202.185.285l-.963.964q-.129.129-.139.304t.139.323t.313.148t.314-.148l1.523-1.523q.242-.243.242-.566t-.242-.565l-1.523-1.523q-.13-.13-.304-.139q-.175-.01-.323.139t-.148.313t.148.314zm-1.636-7.571q.975%200%201.909.214q.935.214%201.608.887q.538.539.83%201.231t.291%201.45q0%20.327-.044.622t-.158.597q-.061.185.013.363t.233.245q.166.067.338%200t.233-.252q.125-.375.198-.772q.072-.397.072-.797q0-.942-.353-1.797t-1.02-1.522q-.778-.797-1.854-1.072q-1.075-.276-2.185-.276l.97-.97q.122-.129.132-.304t-.138-.323t-.314-.147t-.313.147L10.114%207.26q-.243.243-.243.566t.243.565l1.523%201.523q.129.13.304.139t.323-.138t.148-.314t-.148-.313zM12%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3%2013.864%203%2012t.71-3.506t1.927-2.857T8.494%203.71Q10.137%203%2012%203t3.506.71q1.642.711%202.857%201.927q1.216%201.215%201.926%202.857Q21%2010.137%2021%2012t-.71%203.506q-.711%201.642-1.926%202.857q-1.216%201.216-2.858%201.926Q13.864%2021%2012%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/change-circle-rounded.svg?color=%231a73e8&size=48
