Pc Builder アイコン

Q: Pc Builder アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:pc-builder

Pc Builder アイコン(arcticons:pc-builder)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: pcbuilder

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.496 18.844l12.503-7.219V8.532L11.496 15.75zm3.736 11.38l-7.468 4.312a1.007 1.007 0 0 0 0 1.743l7.468 4.313a1.007 1.007 0 0 0 1.51-.872v-8.625a1.007 1.007 0 0 0-1.51-.871m26.011-15.018L19.258 27.9a1.01 1.01 0 0 0-.503.871V42.05c0 .36.192.692.504.872l4.235 2.445c.312.18.696.18 1.007 0l17.75-10.248c.31-.18.503-.512.503-.871l-.002-3.86a1.007 1.007 0 0 0-1.51-.872l-17.244 9.957v-9.284L42.25 19.653c.312-.18.503-.512.504-.871v-2.703a1.007 1.007 0 0 0-1.511-.872zm-9.48-7.8c-.312.18-.504.512-.504.872V16.9a1.007 1.007 0 0 0 1.51.871l7.467-4.312a1.007 1.007 0 0 0 0-1.743l-7.466-4.31a1.01 1.01 0 0 0-1.008 0Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.496 2.634L5.749 12.882c-.312.18-.504.512-.504.871v18.168a1.007 1.007 0 0 0 1.51.872l4.236-2.445c.312-.18.504-.512.504-.872v-4.444l17.246-9.957a1.01 1.01 0 0 0 .504-.871V5.953c0-.36-.193-.692-.504-.872l-4.238-2.447a1.01 1.01 0 0 0-1.007 0"/></svg>

Pc Builder アイコンの使い方

React

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

<Icon icon="arcticons:pc-builder" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:pc-builder" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:pc-builder" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--pc-builder]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:pc-builder"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:pc-builder"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/pc-builder.svg" alt="Pc Builder アイコン" width="24" height="24">

Arcticons の関連アイコン

Pc Builder アイコンのよくある質問

Pc Builder アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Pc Builder アイコンを使うには?

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

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

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

Arcticons をすべて見る →