round power settings new icon

round-power-settings-new from Google Material Icons by Material Design Authors · Baseline · Action · Apache-2.0 Free for personal and commercial use.

Name
round-power-settings-new
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 power settings new icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1m5.14 2.86a.99.99 0 0 0-.01 1.39c1.13 1.2 1.83 2.8 1.87 4.57c.09 3.83-3.08 7.13-6.91 7.17A6.98 6.98 0 0 1 5 12c0-1.84.71-3.51 1.87-4.76c.37-.39.37-1-.01-1.38a.993.993 0 0 0-1.43.02A8.92 8.92 0 0 0 3 11.74c-.14 4.88 3.83 9.1 8.71 9.25c5.1.16 9.29-3.93 9.29-9c0-2.37-.92-4.51-2.42-6.11c-.38-.41-1.04-.42-1.44-.02"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundPowerSettingsNew(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 3c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1m5.14 2.86a.99.99 0 0 0-.01 1.39c1.13 1.2 1.83 2.8 1.87 4.57c.09 3.83-3.08 7.13-6.91 7.17A6.98 6.98 0 0 1 5 12c0-1.84.71-3.51 1.87-4.76c.37-.39.37-1-.01-1.38a.993.993 0 0 0-1.43.02A8.92 8.92 0 0 0 3 11.74c-.14 4.88 3.83 9.1 8.71 9.25c5.1.16 9.29-3.93 9.29-9c0-2.37-.92-4.51-2.42-6.11c-.38-.41-1.04-.42-1.44-.02"/></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 3c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1m5.14 2.86a.99.99 0 0 0-.01 1.39c1.13 1.2 1.83 2.8 1.87 4.57c.09 3.83-3.08 7.13-6.91 7.17A6.98 6.98 0 0 1 5 12c0-1.84.71-3.51 1.87-4.76c.37-.39.37-1-.01-1.38a.993.993 0 0 0-1.43.02A8.92 8.92 0 0 0 3 11.74c-.14 4.88 3.83 9.1 8.71 9.25c5.1.16 9.29-3.93 9.29-9c0-2.37-.92-4.51-2.42-6.11c-.38-.41-1.04-.42-1.44-.02"/></svg>
</template>

CSS

.icon-round-power-settings-new {
  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%203c-.55%200-1%20.45-1%201v8c0%20.55.45%201%201%201s1-.45%201-1V4c0-.55-.45-1-1-1m5.14%202.86a.99.99%200%200%200-.01%201.39c1.13%201.2%201.83%202.8%201.87%204.57c.09%203.83-3.08%207.13-6.91%207.17A6.98%206.98%200%200%201%205%2012c0-1.84.71-3.51%201.87-4.76c.37-.39.37-1-.01-1.38a.993.993%200%200%200-1.43.02A8.92%208.92%200%200%200%203%2011.74c-.14%204.88%203.83%209.1%208.71%209.25c5.1.16%209.29-3.93%209.29-9c0-2.37-.92-4.51-2.42-6.11c-.38-.41-1.04-.42-1.44-.02%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%203c-.55%200-1%20.45-1%201v8c0%20.55.45%201%201%201s1-.45%201-1V4c0-.55-.45-1-1-1m5.14%202.86a.99.99%200%200%200-.01%201.39c1.13%201.2%201.83%202.8%201.87%204.57c.09%203.83-3.08%207.13-6.91%207.17A6.98%206.98%200%200%201%205%2012c0-1.84.71-3.51%201.87-4.76c.37-.39.37-1-.01-1.38a.993.993%200%200%200-1.43.02A8.92%208.92%200%200%200%203%2011.74c-.14%204.88%203.83%209.1%208.71%209.25c5.1.16%209.29-3.93%209.29-9c0-2.37-.92-4.51-2.42-6.11c-.38-.41-1.04-.42-1.44-.02%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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