Plug Circle Bold Duotone アイコン
solar:plug-circle-bold-duotone
Plug Circle Bold Duotone アイコン(solar:plug-circle-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- デバイス
- タグ
- plugcircle、circlebold、boldduotone、plugcircleboldduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><g opacity=".5"><path fill-rule="evenodd" d="M12.7497 22C17.9224 21.6161 22 17.2918 22 12.0139L22 12.0069L22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12L2 12.0069L2 12.0139C2 17.2918 6.07759 21.6161 11.2503 22L11.2503 21.9723C6.07986 21.5891 2.00357 17.2744 2 12.0069C2.00374 6.47961 6.47946 2 12 2C17.5205 2 21.9963 6.47961 22 12.0069C21.9964 17.2744 17.9201 21.5891 12.7497 21.9723L12.7497 22Z" clip-rule="evenodd"/><path d="M11.2503 21.9723C11.4978 21.9907 11.7478 22 12 22C12.2522 22 12.5022 21.9907 12.7497 21.9723C17.9201 21.5891 21.9964 17.2744 22 12.0069C21.9963 6.47961 17.5205 2 12 2C6.47946 2 2.00374 6.47961 2 12.0069C2.00357 17.2744 6.07986 21.5891 11.2503 21.9723Z"/></g><path d="M8.5 12.5147C8.5 14.1925 9.67737 15.595 11.2499 15.9389L11.2503 21.9724C11.4978 21.9908 11.7478 22.0001 12 22.0001C12.2522 22.0001 12.5022 21.9908 12.7497 21.9724L12.7499 15.9389C14.3226 15.5951 15.5 14.1926 15.5 12.5147V12.014C15.5 11.4609 15.0523 11.0126 14.5 11.0126H14.25V9.00983C14.25 8.59504 13.9142 8.25879 13.5 8.25879C13.0858 8.25879 12.75 8.59504 12.75 9.00983V11.0126H11.25V9.00983C11.25 8.59504 10.9142 8.25879 10.5 8.25879C10.0858 8.25879 9.75 8.59504 9.75 9.00983V11.0126H9.5C8.94772 11.0126 8.5 11.4609 8.5 12.014V12.5147Z"/></g></svg>Plug Circle Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:plug-circle-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:plug-circle-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:plug-circle-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--plug-circle-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:plug-circle-bold-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:plug-circle-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/plug-circle-bold-duotone.svg" alt="Plug Circle Bold Duotone アイコン" width="24" height="24">Solar の関連アイコン
Plug Circle Bold Duotone アイコン のよくある質問
Plug Circle Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Plug Circle Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:plug-circle-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Plug Circle Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/plug-circle-bold-duotone.svg" alt="Plug Circle Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。