Иконка Power Socket Us

mdi:power-socket-us

Иконка Power Socket Us (mdi:power-socket-us) — бесплатная 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
Категория: Умный дом
Теги: plug socket us, power socket ca, power socket mx, power socket type b, power socket united states, power socket japan, power socket canada, power socket mexico, home automation, powersocket, socketus, powersocketus

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8 7h2v5H8zM4.22 2h15.56C21 2 22 3 22 4.22v15.56A2.22 2.22 0 0 1 19.78 22H4.22C3 22 2 21 2 19.78V4.22A2.22 2.22 0 0 1 4.22 2M12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8a8 8 0 0 0 8-8a8 8 0 0 0-8-8m2 3.5h2v4h-2zm-3.5 8.75a1.5 1.5 0 0 1 1.5-1.5a1.5 1.5 0 0 1 1.5 1.5V17h-3z"/></svg>

Как использовать иконку Power Socket Us

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Material Design Icons →