ICONYZ
Português (Brasil)
Ícone Power de Material Design Icons

Ícone Power

mdi:power

O ícone Power (mdi:power) é um ícone SVG gratuito da coleção Material Design Icons de Pictogrammers. Ele é desenhado em uma grade de 24 × 24. Material Design Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Material Design Icons
Autor
Pictogrammers
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Automação residencial
Tags
power settings new, shutdown, home automation
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m16.56 5.44l-1.45 1.45A5.97 5.97 0 0 1 18 12a6 6 0 0 1-6 6a6 6 0 0 1-6-6c0-2.17 1.16-4.06 2.88-5.12L7.44 5.44A7.96 7.96 0 0 0 4 12a8 8 0 0 0 8 8a8 8 0 0 0 8-8c0-2.72-1.36-5.12-3.44-6.56M13 3h-2v10h2"/></svg>

Como usar o ícone Power

React

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

<Icon icon="mdi:power" width="24" />

Vue

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

<template>
  <Icon icon="mdi:power" width="24" />
</template>

Svelte

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

<Icon icon="mdi:power" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="mdi:power"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/mdi/power.svg" alt="Ícone Power" width="24" height="24">

Ícones relacionados em Material Design Icons

Ícone power-cycle
power-cycle
 Ícone power-off
power-off
 Ícone power-on
power-on
 Ícone power-plug
power-plug
 Ícone power-plug-battery
power-plug-battery
 Ícone power-plug-battery-outline
power-plug-battery-outline
 Ícone power-plug-off
power-plug-off
 Ícone power-plug-off-outline
power-plug-off-outline
 Ícone power-plug-outline
power-plug-outline
 Ícone power-settings
power-settings
 Ícone power-sleep
power-sleep
 Ícone power-socket
power-socket
 Ícone power-socket-au
power-socket-au
 Ícone power-socket-ch
power-socket-ch
 Ícone power-socket-de
power-socket-de
 Ícone power-socket-eu
power-socket-eu
 Ícone power-socket-fr
power-socket-fr
 Ícone power-socket-it
power-socket-it
 Ícone power-socket-jp
power-socket-jp
 Ícone power-socket-uk
power-socket-uk
 Ícone power-socket-us
power-socket-us
 Ícone power-standby
power-standby
 Ícone powershell
powershell

O ícone Power em outras coleções

Ícone Power de Lucide
Lucide
 Ícone Power de Tabler Icons
Tabler Icons
 Ícone Power de Phosphor
Phosphor
 Ícone Power de Bootstrap Icons
Bootstrap Icons
 Ícone Power de HeroIcons
HeroIcons
 Ícone Power de Carbon
Carbon
 Ícone Power de Arcticons
Arcticons
 Ícone Power de Boxicons
Boxicons
 Ícone Power de Charm Icons
Charm Icons
 Ícone Power de Circum Icons
Circum Icons
 Ícone Power de Famicons
Famicons
 Ícone Power de Feather Icons
Feather Icons

Perguntas frequentes sobre Ícone Power

O ícone Power é grátis para uso comercial?

Sim. Material Design Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Power no React?

Instale @iconify/react e renderize <Icon icon="mdi:power" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Power a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/mdi/power.svg" alt="Ícone Power">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Material Design Icons →