Webgl アイコン
devicon:webgl
Webgl アイコン(devicon:webgl)は、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="#900" d="M124.416 72.77h-.863v2.26h-.757v-2.26h-.875v-.65h2.495zm.343-.65h1.112l.509 1.94l.508-1.94H128v2.91h-.71v-2.212h-.011l-.604 2.211h-.58l-.614-2.211h-.012v2.211h-.71zm-30.397 2.744c-1.065.45-2.13.674-3.205.674c-1.704 0-3.241-.296-4.601-.887q-2.04-.887-3.442-2.448a10.8 10.8 0 0 1-2.153-3.667q-.745-2.112-.745-4.542c0-1.668.248-3.205.745-4.636s1.206-2.673 2.14-3.726c.935-1.065 2.083-1.893 3.443-2.496s2.886-.91 4.6-.91c1.148 0 2.248.177 3.312.52a9.5 9.5 0 0 1 2.898 1.514a8.1 8.1 0 0 1 2.13 2.472q.833 1.473 1.028 3.37h-4.66c-.296-1.241-.851-2.176-1.68-2.802c-.827-.627-1.833-.935-3.027-.935q-1.65 0-2.803.639a5.2 5.2 0 0 0-1.87 1.715a7.6 7.6 0 0 0-1.04 2.448a12.4 12.4 0 0 0-.331 2.839c0 .934.106 1.845.33 2.732c.214.887.569 1.68 1.042 2.39a5.3 5.3 0 0 0 1.869 1.703q1.153.638 2.803.638c1.62 0 2.874-.414 3.76-1.23c.888-.816 1.397-1.999 1.55-3.56h-4.92v-3.678h9.332v12.028h-3.11l-.497-2.519c-.864 1.124-1.834 1.904-2.898 2.354m14.442-22.083V70.89h10.846v4.128h-15.731V52.78ZM85.716 77.785c-7.464 4.542-18.653 7.12-31.13 7.12c-22.485 0-40.7-9.355-40.7-20.91c0-11.545 18.226-20.912 40.7-20.912c12.525 0 23.75 2.637 31.213 7.203c-8.138-7.653-22.757-13.023-39.458-13.034C20.746 37.252 0 49.222 0 63.994s20.746 26.754 46.33 26.754c16.641 0 31.213-5.357 39.386-12.963M44.709 51.043l-4.294 18.57l-5.18-18.57h-3.927l-5.18 18.57l-4.294-18.57h-4.057l6.363 24.211h3.809l5.358-19.019l5.287 19.02h3.82l6.588-24.212Zm15.01 10.195a5.9 5.9 0 0 0-2.212-1.916c-.9-.45-1.94-.674-3.1-.674c-1.3 0-2.471.236-3.488.698a6.54 6.54 0 0 0-2.437 1.928c-1.218 1.55-1.857 3.737-1.857 6.328c0 1.147.166 2.235.485 3.205c.32.982.804 1.845 1.42 2.566c1.3 1.514 3.157 2.319 5.37 2.319c1.158 0 2.104-.119 2.897-.367a5.7 5.7 0 0 0 1.526-.745c.485-.32.922-.71 1.324-1.16a8 8 0 0 0 .887-1.277c.45-.828.675-1.608.722-2.01l.035-.272h-3.158l-.011.224c-.083 1.03-1.432 2.863-3.833 2.863c-3.43 0-4.246-2.484-4.305-4.672h11.497v-.249c0-1.407-.142-2.696-.426-3.82c-.32-1.171-.757-2.164-1.337-2.969m-5.678.249c2.543 0 3.903 1.372 4.152 4.187H49.96c.13-2.283 1.94-4.187 4.081-4.187m23.324 2.07c-.307-.982-.757-1.846-1.336-2.567a6.3 6.3 0 0 0-2.176-1.727c-.876-.414-1.857-.627-2.922-.627c-.982.012-1.869.225-2.65.639a5.55 5.55 0 0 0-1.726 1.395v-7.427h-3.146v22H66.4V73.74c.26.343.603.71 1.053 1.03c.851.614 1.904.922 3.122.922c1.313 0 2.496-.296 3.49-.876c.887-.52 1.643-1.265 2.235-2.211c.52-.828.91-1.81 1.17-2.91c.226-.946.344-1.987.344-3.004c.012-1.1-.142-2.165-.45-3.135m-2.826 3.571c0 1.727-.343 3.17-1.006 4.187c-.698 1.077-1.715 1.62-3.016 1.62c-1.88 0-4.08-1.312-4.08-5.026c0-1.774.224-3.146.674-4.187c.65-1.502 1.75-2.224 3.347-2.224c1.703 0 2.85.663 3.49 2.047c.52 1.135.59 2.519.59 3.583"/></svg>Webgl アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:webgl" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:webgl" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:webgl" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--webgl]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:webgl"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:webgl"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/webgl.svg" alt="Webgl アイコン" width="24" height="24">他のアイコンセットの Webgl アイコン
Webgl アイコン のよくある質問
Webgl アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Webgl アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:webgl" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Webgl アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/webgl.svg" alt="Webgl アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。