Head Circuit Bold アイコン
ph:head-circuit-bold
Head Circuit Bold アイコン(ph:head-circuit-bold)は、Phosphor セットの無料 SVG アイコンです(作者: Phosphor Icons)。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- automaton、artificial intelligence、ai、headcircuit、circuitbold、headcircuitbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M203.91 230.51a12 12 0 0 1-10.42 13.4a13 13 0 0 1-1.49.09a12 12 0 0 1-11.89-10.51l-8-64a12 12 0 0 1 4.7-11.08a68.26 68.26 0 0 0 27.19-56c0-.81-.07-1.6-.11-2.4h-14.27l-23.1 27.72A23.7 23.7 0 0 1 168 136a24.07 24.07 0 1 1-19.92-23.64l26.7-32A12 12 0 0 1 184 76h13.91a68.19 68.19 0 0 0-58.22-39.9q-1.84-.1-3.69-.1v19.23a24 24 0 1 1-24 0V40.34A68.11 68.11 0 0 0 68 104a12 12 0 0 1-1.36 5.54l-21.13 40.61L69 160.9a12 12 0 0 1 7 10.91V204h44a12 12 0 0 1 0 24H72a20 20 0 0 1-20-20v-28.49l-20.57-9.42a3 3 0 0 1-.38-.18a20 20 0 0 1-9.43-25.76a8 8 0 0 1 .38-.81l22-42.37a92 92 0 0 1 97-88.84c47.7 2.51 85.93 41.92 87 89.71a92.33 92.33 0 0 1-31.25 71.26Z"/></svg>Head Circuit Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:head-circuit-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:head-circuit-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:head-circuit-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--head-circuit-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:head-circuit-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:head-circuit-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/head-circuit-bold.svg" alt="Head Circuit Bold アイコン" width="24" height="24">Phosphor の関連アイコン
head-circuit
head-circuit-duotone
head-circuit-fill
head-circuit-light
head-circuit-thin
headlights
headlights-bold
headlights-duotone
headlights-fill
headlights-light
headlights-thin
headphones
headphones-bold
headphones-duotone
headphones-fill
headphones-light
headphones-thin
headset
headset-bold
headset-duotone
headset-fill
headset-light
headset-thin
Head Circuit Bold アイコン のよくある質問
Head Circuit Bold アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Head Circuit Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:head-circuit-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Head Circuit Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/head-circuit-bold.svg" alt="Head Circuit Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。