ios power icon
ios-power from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-power
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios power icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M380.4 111.7c-3.3-2.8-7.5-4.3-11.8-4.3-5.3 0-10.4 2.3-13.8 6.4-3.2 3.7-4.7 8.4-4.3 13.3.4 4.8 2.7 9.3 6.4 12.4 34.8 29.5 54.8 72.3 54.8 117.4 0 85.4-69.8 154.8-155.6 154.8s-155.6-69.5-155.6-154.8c0-45.2 20-88 54.8-117.4 3.7-3.1 6-7.5 6.4-12.4.4-4.8-1.1-9.6-4.3-13.3-3.5-4-8.5-6.4-13.8-6.4-4.3 0-8.5 1.5-11.8 4.3C88.7 148.1 64 201 64 256.8 64 362.2 150.1 448 256 448s192-85.8 192-191.2c0-55.8-24.7-108.7-67.6-145.1z" fill="currentColor"/><path d="M256.9 274.5c10.2 0 18.5-8.3 18.5-18.5V82.5c0-10.2-8.3-18.5-18.5-18.5s-18.5 8.3-18.5 18.5V256c0 10.2 8.3 18.5 18.5 18.5z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosPower(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M380.4 111.7c-3.3-2.8-7.5-4.3-11.8-4.3-5.3 0-10.4 2.3-13.8 6.4-3.2 3.7-4.7 8.4-4.3 13.3.4 4.8 2.7 9.3 6.4 12.4 34.8 29.5 54.8 72.3 54.8 117.4 0 85.4-69.8 154.8-155.6 154.8s-155.6-69.5-155.6-154.8c0-45.2 20-88 54.8-117.4 3.7-3.1 6-7.5 6.4-12.4.4-4.8-1.1-9.6-4.3-13.3-3.5-4-8.5-6.4-13.8-6.4-4.3 0-8.5 1.5-11.8 4.3C88.7 148.1 64 201 64 256.8 64 362.2 150.1 448 256 448s192-85.8 192-191.2c0-55.8-24.7-108.7-67.6-145.1z" fill="currentColor"/><path d="M256.9 274.5c10.2 0 18.5-8.3 18.5-18.5V82.5c0-10.2-8.3-18.5-18.5-18.5s-18.5 8.3-18.5 18.5V256c0 10.2 8.3 18.5 18.5 18.5z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M380.4 111.7c-3.3-2.8-7.5-4.3-11.8-4.3-5.3 0-10.4 2.3-13.8 6.4-3.2 3.7-4.7 8.4-4.3 13.3.4 4.8 2.7 9.3 6.4 12.4 34.8 29.5 54.8 72.3 54.8 117.4 0 85.4-69.8 154.8-155.6 154.8s-155.6-69.5-155.6-154.8c0-45.2 20-88 54.8-117.4 3.7-3.1 6-7.5 6.4-12.4.4-4.8-1.1-9.6-4.3-13.3-3.5-4-8.5-6.4-13.8-6.4-4.3 0-8.5 1.5-11.8 4.3C88.7 148.1 64 201 64 256.8 64 362.2 150.1 448 256 448s192-85.8 192-191.2c0-55.8-24.7-108.7-67.6-145.1z" fill="currentColor"/><path d="M256.9 274.5c10.2 0 18.5-8.3 18.5-18.5V82.5c0-10.2-8.3-18.5-18.5-18.5s-18.5 8.3-18.5 18.5V256c0 10.2 8.3 18.5 18.5 18.5z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-power {
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%20512%20512%22%3E%3Cpath%20d%3D%22M380.4%20111.7c-3.3-2.8-7.5-4.3-11.8-4.3-5.3%200-10.4%202.3-13.8%206.4-3.2%203.7-4.7%208.4-4.3%2013.3.4%204.8%202.7%209.3%206.4%2012.4%2034.8%2029.5%2054.8%2072.3%2054.8%20117.4%200%2085.4-69.8%20154.8-155.6%20154.8s-155.6-69.5-155.6-154.8c0-45.2%2020-88%2054.8-117.4%203.7-3.1%206-7.5%206.4-12.4.4-4.8-1.1-9.6-4.3-13.3-3.5-4-8.5-6.4-13.8-6.4-4.3%200-8.5%201.5-11.8%204.3C88.7%20148.1%2064%20201%2064%20256.8%2064%20362.2%20150.1%20448%20256%20448s192-85.8%20192-191.2c0-55.8-24.7-108.7-67.6-145.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256.9%20274.5c10.2%200%2018.5-8.3%2018.5-18.5V82.5c0-10.2-8.3-18.5-18.5-18.5s-18.5%208.3-18.5%2018.5V256c0%2010.2%208.3%2018.5%2018.5%2018.5z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M380.4%20111.7c-3.3-2.8-7.5-4.3-11.8-4.3-5.3%200-10.4%202.3-13.8%206.4-3.2%203.7-4.7%208.4-4.3%2013.3.4%204.8%202.7%209.3%206.4%2012.4%2034.8%2029.5%2054.8%2072.3%2054.8%20117.4%200%2085.4-69.8%20154.8-155.6%20154.8s-155.6-69.5-155.6-154.8c0-45.2%2020-88%2054.8-117.4%203.7-3.1%206-7.5%206.4-12.4.4-4.8-1.1-9.6-4.3-13.3-3.5-4-8.5-6.4-13.8-6.4-4.3%200-8.5%201.5-11.8%204.3C88.7%20148.1%2064%20201%2064%20256.8%2064%20362.2%20150.1%20448%20256%20448s192-85.8%20192-191.2c0-55.8-24.7-108.7-67.6-145.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256.9%20274.5c10.2%200%2018.5-8.3%2018.5-18.5V82.5c0-10.2-8.3-18.5-18.5-18.5s-18.5%208.3-18.5%2018.5V256c0%2010.2%208.3%2018.5%2018.5%2018.5z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-power.svg?color=%231a73e8&size=48
