Webgl アイコン
file-icons:webgl
Webgl アイコン(file-icons:webgl)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M366.412 315.214C243.31 422.301-2.018 359.596.012 256.272c2.058-104.71 239.914-166.679 366.79-58.554c-74.36-44.515-209.603-38.237-272.987 5.37l17.897 77.214l22.099-79.373h16.818l22.148 79.372l18.343-79.372h18.335l-28.173 103.456h-16.306l-22.62-81.26l-22.895 81.26H103.2l-23.594-89.69c-12.07 11.867-19.419 25.796-20.236 41.607c-3.753 72.653 180.79 127.152 307.04 58.912m98.452-29.53v-76.94H443.65v94.48H512v-17.54zm-72.92-17.94h21.398c-1.236 13.886-9.856 19.005-19.452 20.074c-19.634 2.188-29.82-12.067-29.912-31.435c-.442-11.068 3.287-23.214 12.99-29.01c11.24-6.714 29.778-4.536 33.74 12.4h20.315c-6.524-48.351-88.66-45.658-88.26 16.576c1.987 55.004 59.311 58.475 74.092 36.227l2.162 10.72h13.501v-51.099h-40.575zm-107.468-57.356v31.74c13.558-16.816 48.18-10.404 48.18 25.766c-.47 13.79-4.135 21.261-8.016 27.296c-6.436 10.004-28.165 18.197-40.81 2.812v6.4h-12.81v-94.014zm-.516 62.628c0 15.868 9.402 21.498 17.454 21.498c5.568 0 9.91-2.333 12.9-6.938c2.81-4.322 4.295-10.508 4.295-17.889c-.321-9.916-1.312-16.94-7.382-21.193c-6.078-4.543-16.029-3.726-20.54.905c-4.205 4.317-7.05 12.057-6.727 23.617M262.7 274.52h-49.126c-.099 23.905 24.837 23.549 32.254 13.297c1.254-1.733 2.374-3.662 2.589-6.536h13.511c-1.18 5.839-2.954 9.672-5.747 13.566c-7.04 9.813-19.226 12.993-32.293 10.86c-13.123-2.142-24.314-14.07-24.558-34.017c-1.884-29.013 25.366-48.249 49.96-33.298c8.102 4.926 13.47 16.57 13.41 36.128m-13.924-11.038c-.235-24.412-33.43-23.744-35.188 0z"/></svg>Webgl アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:webgl" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:webgl" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:webgl" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--webgl]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:webgl"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:webgl"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/webgl.svg" alt="Webgl アイコン" width="24" height="24">他のアイコンセットの Webgl アイコン
Webgl アイコン のよくある質問
Webgl アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Webgl アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:webgl" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Webgl アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/webgl.svg" alt="Webgl アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。