ICONYZ
Español
Icono Power Off de Material Design Icons

Icono Power Off

mdi:power-off

El icono Power Off (mdi:power-off) es un icono SVG gratuito de la colección Material Design Icons de Pictogrammers. Está dibujado en una cuadrícula de 24 × 24. Material Design Icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Material Design Icons
Autor
Pictogrammers
Licencia
Apache-2.0
Tamaño
24 × 24
Etiquetas
poweroff
Descargar 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="M12 3a9 9 0 0 0-9 9a9 9 0 0 0 9 9a9 9 0 0 0 9-9a9 9 0 0 0-9-9m0 16a7 7 0 0 1-7-7a7 7 0 0 1 7-7a7 7 0 0 1 7 7a7 7 0 0 1-7 7"/></svg>

Cómo usar el icono Power Off

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

<img src="https://iconyz.com/api/public/svg/mdi/power-off.svg" alt="Icono Power Off" width="24" height="24">

Iconos relacionados en Material Design Icons

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

El icono Power Off en otras colecciones

Icono Power Off de Lucide
Lucide
 Icono Power Off de Font Awesome 6 Solid
Font Awesome 6 Solid
 Icono Power Off de BoxIcons v2
BoxIcons v2
 Icono Power Off de Font Awesome 4
Font Awesome 4
 Icono Power Off de Font Awesome 5 Solid
Font Awesome 5 Solid
 Icono Power Off de Font Awesome Solid
Font Awesome Solid
 Icono Power Off de Huge Icons
Huge Icons
 Icono Power Off de Keyline Icons
Keyline Icons
 Icono Power Off de Line Awesome
Line Awesome
 Icono Power Off de Pepicons Pencil
Pepicons Pencil
 Icono Power Off de Pepicons Pop!
Pepicons Pop!
 Icono Power Off de Pepicons Print
Pepicons Print

Preguntas frecuentes sobre Icono Power Off

¿El icono Power Off es gratis para uso comercial?

Sí. Material Design Icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Power Off en React?

Instala @iconify/react y renderiza <Icon icon="mdi:power-off" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Power Off a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/mdi/power-off.svg" alt="Icono Power Off">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Material Design Icons →