Powerplug icon
whh:powerplug
The Powerplug icon (whh:powerplug) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 896 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 896 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="896" height="1024" viewBox="0 0 896 1024"><path fill="currentColor" d="M512 827v133q0 27-19 45.5t-45.5 18.5t-45-18.5T384 960V827q-107-16-195-78T50.5 591T0 384q0-26 18.5-45T64 320h768q26 0 45 19t19 45q0 111-50.5 207T707 749.5T512 827m128-571V64q0-26 18.5-45t45-19T749 19t19 45v192zm-512 0V64q0-26 18.5-45t45-19T237 19t19 45v192z"/></svg>How to use the Powerplug icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:powerplug" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:powerplug" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:powerplug" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--powerplug]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:powerplug"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:powerplug"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/powerplug.svg" alt="Powerplug icon" width="24" height="24">Related icons in WebHostingHub Glyphs
Powerplug icon FAQ
Is the Powerplug icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Powerplug icon in React?
Install @iconify/react and render <Icon icon="whh:powerplug" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Powerplug icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/powerplug.svg" alt="Powerplug icon">, or paste the SVG code inline to style it with CSS.