ICONYZ
Русский
Иконка Power из набора Material Design Icons

Иконка Power

mdi:power

Иконка Power (mdi:power) — бесплатная SVG-иконка из набора Material Design Icons от Pictogrammers. Она нарисована на сетке 24 × 24. Material Design Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Design Icons
Автор
Pictogrammers
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Умный дом
Теги
power settings new, shutdown, home automation
Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/mdi/power.svg" alt="Иконка Power" width="24" height="24">

Похожие иконки в наборе Material Design Icons

Иконка power-cycle
power-cycle
 Иконка power-off
power-off
 Иконка power-on
power-on
 Иконка power-plug
power-plug
 Иконка power-plug-battery
power-plug-battery
 Иконка power-plug-battery-outline
power-plug-battery-outline
 Иконка power-plug-off
power-plug-off
 Иконка power-plug-off-outline
power-plug-off-outline
 Иконка power-plug-outline
power-plug-outline
 Иконка power-settings
power-settings
 Иконка power-sleep
power-sleep
 Иконка power-socket
power-socket
 Иконка power-socket-au
power-socket-au
 Иконка power-socket-ch
power-socket-ch
 Иконка power-socket-de
power-socket-de
 Иконка power-socket-eu
power-socket-eu
 Иконка power-socket-fr
power-socket-fr
 Иконка power-socket-it
power-socket-it
 Иконка power-socket-jp
power-socket-jp
 Иконка power-socket-uk
power-socket-uk
 Иконка power-socket-us
power-socket-us
 Иконка power-standby
power-standby
 Иконка powershell
powershell

Иконка Power в других наборах

Иконка Power из набора Lucide
Lucide
 Иконка Power из набора Tabler Icons
Tabler Icons
 Иконка Power из набора Phosphor
Phosphor
 Иконка Power из набора Bootstrap Icons
Bootstrap Icons
 Иконка Power из набора HeroIcons
HeroIcons
 Иконка Power из набора Carbon
Carbon
 Иконка Power из набора Arcticons
Arcticons
 Иконка Power из набора Boxicons
Boxicons
 Иконка Power из набора Charm Icons
Charm Icons
 Иконка Power из набора Circum Icons
Circum Icons
 Иконка Power из набора Famicons
Famicons
 Иконка Power из набора Feather Icons
Feather Icons

Вопросы и ответы: Иконка Power

Можно ли бесплатно использовать иконку Power в коммерческих проектах?

Да. Material Design Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Power в React?

Установите @iconify/react и выведите <Icon icon="mdi:power" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Power на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mdi/power.svg" alt="Иконка Power">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Material Design Icons →