Plug Bold icon
glyphs:plug-bold
The Plug Bold icon (glyphs:plug-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- plugbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M30 14a3 3 0 0 1 3 3v8a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-8a3 3 0 0 1 3-3m21 13a2 2 0 0 0 2-2v-8a3 3 0 1 0-6 0v8a2 2 0 0 0 2 2z" clip-rule="evenodd"/><path fill="currentColor" d="M33.5 17a3.5 3.5 0 0 0-3.5-3.5v1a2.5 2.5 0 0 1 2.5 2.5zm0 8v-8h-1v8zM31 26.5h-2v1h2zM26.5 17v8h1v-8zm3.5-3.5a3.5 3.5 0 0 0-3.5 3.5h1a2.5 2.5 0 0 1 2.5-2.5zM53.5 25v-8h-1v8zm0-8a3.5 3.5 0 0 0-3.5-3.5v1a2.5 2.5 0 0 1 2.5 2.5zM50 13.5a3.5 3.5 0 0 0-3.5 3.5h1a2.5 2.5 0 0 1 2.5-2.5zM46.5 17v8h1v-8zm4.5 9.5h-2v1h2zM46.5 25a2.5 2.5 0 0 0 2.5 2.5v-1a1.5 1.5 0 0 1-1.5-1.5zm6 0a1.5 1.5 0 0 1-1.5 1.5v1a2.5 2.5 0 0 0 2.5-2.5zM29 26.5a1.5 1.5 0 0 1-1.5-1.5h-1a2.5 2.5 0 0 0 2.5 2.5zm3.5-1.5a1.5 1.5 0 0 1-1.5 1.5v1a2.5 2.5 0 0 0 2.5-2.5z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="5" d="M40 53v10"/><path fill="currentColor" fill-rule="evenodd" d="M58.34 35A1.66 1.66 0 0 0 60 33.34V29a2 2 0 0 0-2-2H22a2 2 0 0 0-2 2v4.34c0 .917.743 1.66 1.66 1.66c.915 0 1.65.745 1.744 1.656a16 16 0 0 0 1.132 4.467l.2.482a16 16 0 0 0 8.659 8.66l.482.199a16 16 0 0 0 12.246 0l.482-.2a16 16 0 0 0 8.66-8.659l.199-.482c.596-1.44.973-2.945 1.132-4.467c.095-.911.829-1.656 1.745-1.656" clip-rule="evenodd"/><path fill="currentColor" d="m24.536 41.123l-1.848.765zm.2.482l1.848-.765zm8.659 8.66l.765-1.849zm.482.199l-.765 1.848zm12.246 0l-.765-1.848zm.482-.2l.765 1.848zm8.66-8.659l1.847.765zm.199-.482l-1.848-.765zm1.132-4.467l-1.99-.207zm-33.192 0l-1.99.207zM58 29v4.34h4V29zm-3.394 0H58v-4h-3.394zm-29.212 0h29.212v-4H25.394zM22 29h3.394v-4H22zm0 4.34V29h-4v4.34zm4.384 7.018a14 14 0 0 1-.99-3.909l-3.98.414a18 18 0 0 0 1.274 5.025zm.2.482l-.2-.482l-3.696 1.53l.2.482zm7.576 7.576a14 14 0 0 1-7.576-7.576l-3.696 1.53a18 18 0 0 0 9.742 9.742zm.482.2l-.482-.2l-1.53 3.696l.482.2zm10.716 0a14 14 0 0 1-10.716 0l-1.53 3.696a18 18 0 0 0 13.776 0zm.482-.2l-.482.2l1.53 3.696l.482-.2zm7.576-7.576a14 14 0 0 1-7.576 7.576l1.53 3.696a18 18 0 0 0 9.742-9.742zm.2-.482l-.2.482l3.696 1.53l.2-.482zm.99-3.909a14 14 0 0 1-.99 3.909l3.696 1.53a18 18 0 0 0 1.273-5.025zm3.98.414a.1.1 0 0 1-.034.06a.3.3 0 0 1-.08.05a.4.4 0 0 1-.131.027v-4c-2.067 0-3.547 1.65-3.735 3.45zM22 25a4 4 0 0 0-4 4h4zm-.34 12a.4.4 0 0 1-.133-.027a.3.3 0 0 1-.079-.05c-.026-.025-.032-.046-.033-.06l3.979-.414C25.206 34.65 23.726 33 21.659 33zM58 33.34a.34.34 0 0 1 .34-.34v4A3.66 3.66 0 0 0 62 33.34zm-40 0A3.66 3.66 0 0 0 21.66 37v-4a.34.34 0 0 1 .34.34zM62 29a4 4 0 0 0-4-4v4z"/></g></svg>How to use the Plug Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:plug-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:plug-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:plug-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--plug-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:plug-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:plug-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/plug-bold.svg" alt="Plug Bold icon" width="24" height="24">Related icons in Glyphs
Plug Bold icon in other icon sets
Plug Bold icon FAQ
Is the Plug Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Plug Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:plug-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Plug Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/plug-bold.svg" alt="Plug Bold icon">, or paste the SVG code inline to style it with CSS.