Power icon

simple-line-icons:power

The Power icon (simple-line-icons:power) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Simple line icons
Author: Sabbir Ahmed
License: MIT
Size: 1024 × 1024

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M701.552 164.096c-16-7.456-35.025-.59-42.53 15.425c-7.519 16-.591 35.04 15.409 42.544c162.336 76 250.496 251.952 214.353 427.872c-42.912 208.88-247.664 343.808-456.56 301.023c-101.168-20.785-184.208-79.712-241.056-165.936c-56.864-86.256-76.736-189.504-55.952-290.672c24.704-120.224 102.624-219.328 213.76-271.904c15.968-7.552 22.8-26.624 15.231-42.609c-7.552-15.952-26.592-22.736-42.592-15.232C192.111 225.87 101.327 341.342 72.527 481.47c-24.223 117.936-1.07 238.256 65.185 338.784c66.272 100.48 163.696 169.169 281.632 193.409a450.4 450.4 0 0 0 90.751 9.248c209.456 0 397.648-147.12 441.376-360.112c42.112-205.008-60.655-410.096-249.919-498.704zM512.015 416.001c17.664 0 32-14.336 32-32v-352c0-17.664-14.336-32-32-32s-32 14.336-32 32v352c0 17.664 14.336 32 32 32"/></svg>

How to use the Power icon

React

import { Icon } from "@iconify/react";

<Icon icon="simple-line-icons:power" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-line-icons:power" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-line-icons:power" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--power]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:power"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-line-icons:power"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/simple-line-icons/power.svg" alt="Power icon" width="24" height="24">

Power icon in other icon sets

Power icon FAQ

Is the Power icon free for commercial use?

Yes. Simple line icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Power icon in React?

Install @iconify/react and render <Icon icon="simple-line-icons:power" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Power icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/power.svg" alt="Power icon">, or paste the SVG code inline to style it with CSS.

Browse all Simple line icons →