Plug アイコン
glyphs-poly:plug
Plug アイコン(glyphs-poly:plug)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#56ccf2" 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="#56ccf2" d="M35 17a5 5 0 0 0-5-5v4a1 1 0 0 1 1 1zm0 8v-8h-4v8zm-4 0h-2v4h2zm-6-8v8h4v-8zm5-5a5 5 0 0 0-5 5h4a1 1 0 0 1 1-1zm25 13v-8h-4v8zm0-8a5 5 0 0 0-5-5v4a1 1 0 0 1 1 1zm-5-5a5 5 0 0 0-5 5h4a1 1 0 0 1 1-1zm-5 5v8h4v-8zm6 8h-2v4h2zm-6 0a4 4 0 0 0 4 4v-4zm6 0v4a4 4 0 0 0 4-4zm-22 0h-4a4 4 0 0 0 4 4zm2 0v4a4 4 0 0 0 4-4z"/><path stroke="#9b51e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M40 53v10"/><path fill="#9b51e0" 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="#9b51e0" d="M54.606 27v-2zm-29.212 0v2zm-.858 14.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>
Plug アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:plug" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:plug" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:plug" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--plug]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:plug"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:plug"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/plug.svg" alt="Plug アイコン" width="24" height="24">
Plug アイコン のよくある質問
Plug アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Plug アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:plug" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Plug アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/plug.svg" alt="Plug アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
