Webgpu アイコン
devicon:webgpu
Webgpu アイコン(devicon:webgpu)は、Devicon セットの無料 SVG アイコンです(作者: konpa)。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#0086e8" d="m104.473 43.785l11.78 20.408l.085-.144l11.734-20.264z"/><path fill="#0093ff" d="m116.254 23.568l-.084.145l-11.697 20.266h23.6z"/><path fill="#0076cc" d="m69.623 63.904l23.402 40.528l.084-.145l23.315-40.383z"/><path fill="#0066b0" d="m93.025 23.568l-.084.145l-23.318 40.383h46.8z"/><path fill="#005a9c" d="m-.07 23.666l46.63 80.766l.085-.145l46.544-80.621z"/></svg>Webgpu アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:webgpu" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:webgpu" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:webgpu" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--webgpu]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:webgpu"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:webgpu"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/webgpu.svg" alt="Webgpu アイコン" width="24" height="24">Devicon の関連アイコン
他のアイコンセットの Webgpu アイコン
Webgpu アイコン のよくある質問
Webgpu アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Webgpu アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:webgpu" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Webgpu アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/webgpu.svg" alt="Webgpu アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。