ICONYZ
日本語
Custom Brand Icons の Plug Uk アイコン

Plug Uk アイコン

cbi:plug-uk

Plug Uk アイコン(cbi:plug-uk)は、Custom Brand Icons セットの無料 SVG アイコンです(作者: Emanuele & rchiileea)。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Custom Brand Icons
作者
Emanuele & rchiileea
ライセンス
CC-BY-NC-SA-4.0
サイズ
24 × 24
タグ
pluguk
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.195 4.097c-.267 0-.267-.266-.534-.266l-6.398-1.6a3.7 3.7 0 0 0-2.399 0c-1.067.533-6.132 2.133-6.132 2.133A3.4 3.4 0 0 0 4.137 5.43h-.538l-.268.267l-.267.266V7.83l.267.267l.266.266h.267v3.728h-.265l-1.333.533c-.266 0-.266.267-.266.534v.799l.266.267l.267.266l1.333.267v3.729a2.4 2.4 0 0 0 .271 1.341a1.61 1.61 0 0 0 1.6.799c1.6.267 6.665 1.333 6.665 1.333h.533a2.4 2.4 0 0 0 1.333-.266c2.132-.8 3.999-1.333 6.132-2.133c0 0 1.599-.533 1.599-3.2V6.23a3.02 3.02 0 0 0-.804-2.133m0 12.53c0 1.867-1.067 2.133-1.067 2.133s-3.466 1.333-6.132 2.133c-.799.267-1.333.267-1.333 0a.95.95 0 0 1-.533-.8V8.63c0-.8.267-1.599 1.067-1.599l6.931-2.134h.267c.8 0 .8.8.8 1.333Zm-1.593-3.199l-1.066.533c-.266 0-.266.267-.266.533v1.33c-.267 0 0 .267.266.267h.267l1.066-.533c.267 0 .267-.267.267-.533v-1.064c.266-.266 0-.533-.534-.533m-4.539 1.333l-1.067.533c-.266 0-.266.267-.266.533v1.334c-.267 0 0 .267.266.267h.267l1.066-.535c.267 0 .267-.266.267-.533v-1.066c.266-.266 0-.533-.533-.533m1.065-6.931c-.267 0-.267.267-.267.533v2.133a.574.574 0 0 0 .533.533h.267l.8-.267c.267 0 .267-.266.267-.533V8.368c-.267-.266-.534-.533-.801-.533Z"/></svg>

Plug Uk アイコンの使い方

React

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

<Icon icon="cbi:plug-uk" width="24" />

Vue

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

<template>
  <Icon icon="cbi:plug-uk" width="24" />
</template>

Svelte

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

<Icon icon="cbi:plug-uk" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--plug-uk]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:plug-uk"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:plug-uk"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/plug-uk.svg" alt="Plug Uk アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Plug Uk アイコン のよくある質問

Plug Uk アイコンは商用利用でも無料ですか?

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

React で Plug Uk アイコンを使うには?

@iconify/react をインストールして <Icon icon="cbi:plug-uk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Plug Uk アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/plug-uk.svg" alt="Plug Uk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Custom Brand Icons をすべて見る →