poweroff icon

poweroff-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
poweroff-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
poweroff, poweroff-outline

The same icon in other sets

poweroffTDesign Icons

Use the poweroff icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M705.6 124.9a8 8 0 0 0-11.6 7.2v64.2c0 5.5 2.9 10.6 7.5 13.6a352.2 352.2 0 0 1 62.2 49.8c32.7 32.8 58.4 70.9 76.3 113.3a355 355 0 0 1 27.9 138.7c0 48.1-9.4 94.8-27.9 138.7a355.9 355.9 0 0 1-76.3 113.3a353.1 353.1 0 0 1-113.2 76.4c-43.8 18.6-90.5 28-138.5 28s-94.7-9.4-138.5-28a353.1 353.1 0 0 1-113.2-76.4A355.9 355.9 0 0 1 184 650.4a355 355 0 0 1-27.9-138.7c0-48.1 9.4-94.8 27.9-138.7c17.9-42.4 43.6-80.5 76.3-113.3c19-19 39.8-35.6 62.2-49.8c4.7-2.9 7.5-8.1 7.5-13.6V132c0-6-6.3-9.8-11.6-7.2C178.5 195.2 82 339.3 80 506.3C77.2 745.1 272.5 943.5 511.2 944c239 .5 432.8-193.3 432.8-432.4c0-169.2-97-315.7-238.4-386.7M480 560h64c4.4 0 8-3.6 8-8V88c0-4.4-3.6-8-8-8h-64c-4.4 0-8 3.6-8 8v464c0 4.4 3.6 8 8 8"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignPoweroffOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M705.6 124.9a8 8 0 0 0-11.6 7.2v64.2c0 5.5 2.9 10.6 7.5 13.6a352.2 352.2 0 0 1 62.2 49.8c32.7 32.8 58.4 70.9 76.3 113.3a355 355 0 0 1 27.9 138.7c0 48.1-9.4 94.8-27.9 138.7a355.9 355.9 0 0 1-76.3 113.3a353.1 353.1 0 0 1-113.2 76.4c-43.8 18.6-90.5 28-138.5 28s-94.7-9.4-138.5-28a353.1 353.1 0 0 1-113.2-76.4A355.9 355.9 0 0 1 184 650.4a355 355 0 0 1-27.9-138.7c0-48.1 9.4-94.8 27.9-138.7c17.9-42.4 43.6-80.5 76.3-113.3c19-19 39.8-35.6 62.2-49.8c4.7-2.9 7.5-8.1 7.5-13.6V132c0-6-6.3-9.8-11.6-7.2C178.5 195.2 82 339.3 80 506.3C77.2 745.1 272.5 943.5 511.2 944c239 .5 432.8-193.3 432.8-432.4c0-169.2-97-315.7-238.4-386.7M480 560h64c4.4 0 8-3.6 8-8V88c0-4.4-3.6-8-8-8h-64c-4.4 0-8 3.6-8 8v464c0 4.4 3.6 8 8 8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M705.6 124.9a8 8 0 0 0-11.6 7.2v64.2c0 5.5 2.9 10.6 7.5 13.6a352.2 352.2 0 0 1 62.2 49.8c32.7 32.8 58.4 70.9 76.3 113.3a355 355 0 0 1 27.9 138.7c0 48.1-9.4 94.8-27.9 138.7a355.9 355.9 0 0 1-76.3 113.3a353.1 353.1 0 0 1-113.2 76.4c-43.8 18.6-90.5 28-138.5 28s-94.7-9.4-138.5-28a353.1 353.1 0 0 1-113.2-76.4A355.9 355.9 0 0 1 184 650.4a355 355 0 0 1-27.9-138.7c0-48.1 9.4-94.8 27.9-138.7c17.9-42.4 43.6-80.5 76.3-113.3c19-19 39.8-35.6 62.2-49.8c4.7-2.9 7.5-8.1 7.5-13.6V132c0-6-6.3-9.8-11.6-7.2C178.5 195.2 82 339.3 80 506.3C77.2 745.1 272.5 943.5 511.2 944c239 .5 432.8-193.3 432.8-432.4c0-169.2-97-315.7-238.4-386.7M480 560h64c4.4 0 8-3.6 8-8V88c0-4.4-3.6-8-8-8h-64c-4.4 0-8 3.6-8 8v464c0 4.4 3.6 8 8 8"/></svg>
</template>

CSS

.icon-poweroff-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M705.6%20124.9a8%208%200%200%200-11.6%207.2v64.2c0%205.5%202.9%2010.6%207.5%2013.6a352.2%20352.2%200%200%201%2062.2%2049.8c32.7%2032.8%2058.4%2070.9%2076.3%20113.3a355%20355%200%200%201%2027.9%20138.7c0%2048.1-9.4%2094.8-27.9%20138.7a355.9%20355.9%200%200%201-76.3%20113.3a353.1%20353.1%200%200%201-113.2%2076.4c-43.8%2018.6-90.5%2028-138.5%2028s-94.7-9.4-138.5-28a353.1%20353.1%200%200%201-113.2-76.4A355.9%20355.9%200%200%201%20184%20650.4a355%20355%200%200%201-27.9-138.7c0-48.1%209.4-94.8%2027.9-138.7c17.9-42.4%2043.6-80.5%2076.3-113.3c19-19%2039.8-35.6%2062.2-49.8c4.7-2.9%207.5-8.1%207.5-13.6V132c0-6-6.3-9.8-11.6-7.2C178.5%20195.2%2082%20339.3%2080%20506.3C77.2%20745.1%20272.5%20943.5%20511.2%20944c239%20.5%20432.8-193.3%20432.8-432.4c0-169.2-97-315.7-238.4-386.7M480%20560h64c4.4%200%208-3.6%208-8V88c0-4.4-3.6-8-8-8h-64c-4.4%200-8%203.6-8%208v464c0%204.4%203.6%208%208%208%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M705.6%20124.9a8%208%200%200%200-11.6%207.2v64.2c0%205.5%202.9%2010.6%207.5%2013.6a352.2%20352.2%200%200%201%2062.2%2049.8c32.7%2032.8%2058.4%2070.9%2076.3%20113.3a355%20355%200%200%201%2027.9%20138.7c0%2048.1-9.4%2094.8-27.9%20138.7a355.9%20355.9%200%200%201-76.3%20113.3a353.1%20353.1%200%200%201-113.2%2076.4c-43.8%2018.6-90.5%2028-138.5%2028s-94.7-9.4-138.5-28a353.1%20353.1%200%200%201-113.2-76.4A355.9%20355.9%200%200%201%20184%20650.4a355%20355%200%200%201-27.9-138.7c0-48.1%209.4-94.8%2027.9-138.7c17.9-42.4%2043.6-80.5%2076.3-113.3c19-19%2039.8-35.6%2062.2-49.8c4.7-2.9%207.5-8.1%207.5-13.6V132c0-6-6.3-9.8-11.6-7.2C178.5%20195.2%2082%20339.3%2080%20506.3C77.2%20745.1%20272.5%20943.5%20511.2%20944c239%20.5%20432.8-193.3%20432.8-432.4c0-169.2-97-315.7-238.4-386.7M480%20560h64c4.4%200%208-3.6%208-8V88c0-4.4-3.6-8-8-8h-64c-4.4%200-8%203.6-8%208v464c0%204.4%203.6%208%208%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/poweroff-outlined.svg?color=%231a73e8&size=48

Poweroff outlined icon — Ant Design Icons · IconsDB