Gltf アイコン
simple-icons:gltf
Gltf アイコン(simple-icons:gltf)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.154 9.357h-.205v.533h-.179v-.533h-.206v-.154h.59zm.08-.154h.263l.119.458h.002l.118-.458H24v.687h-.169v-.522h-.001l-.145.522h-.137l-.144-.522h-.002v.522h-.168zM9.671 16.29c-.742.832-2.001 1.293-4.483 1.208C2.094 16.427 0 14.366 0 11.998C0 8.53 4.497 5.72 10.043 5.721c3.621 0 6.788 1.263 8.555 3.061c-1.619-1.073-4.052-1.691-6.767-1.691C6.959 7.091 3.01 9.289 3.01 12c0 1.7 1.552 3.198 3.911 4.079v-.001l.017.007l.182.066q.083.025.173.043q.247.048.473.048q.45 0 .762-.156t.516-.429t.295-.661c.091-.387.091-.544.091-.859v-.365h-.021q-.119.257-.3.445q-.183.189-.414.312a2.2 2.2 0 0 1-1.015.252q-.624 0-1.085-.225a2.25 2.25 0 0 1-.774-.613q-.31-.386-.467-.896c-.157-.51-.155-.7-.155-1.08q0-.494.128-1.01q.129-.514.43-.945q.3-.43.795-.703q.494-.274 1.214-.274q.526 0 .966.231t.688.693h.01v-.795h.87v5.08c0 .909-.217 1.584-.629 2.046m-.375-3.689q.091-.387.091-.774q0-.365-.085-.719a2 2 0 0 0-.274-.639a1.44 1.44 0 0 0-.489-.457a1.46 1.46 0 0 0-.73-.172q-.441 0-.752.167a1.45 1.45 0 0 0-.51.446q-.2.28-.291.644q-.09.366-.091.763q0 .375.075.751q.075.377.258.683c.183.306.283.368.484.494q.3.188.751.188q.452 0 .768-.188a1.5 1.5 0 0 0 .511-.494q.192-.306.284-.693m.798 4.213c.604.072 1.095.095 1.738.095c2.704 0 5.128-.607 6.746-1.673c-1.771 1.785-4.93 3.044-8.537 3.043c-.933 0-1.836-.079-2.693-.228c1.28-.214 2.22-.76 2.746-1.237m5.554-2.082h-1.311v-4.415h-1.644V9.194h4.599v1.123h-1.644zm3.637 0h-1.31V9.194h4.046v1.123h-2.736v1.036h2.395v1.123h-2.395zm-8.222-6.917h.913v6.902h-.913z"/></svg>Gltf アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:gltf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:gltf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:gltf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--gltf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:gltf"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:gltf"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/gltf.svg" alt="Gltf アイコン" width="24" height="24">他のアイコンセットの Gltf アイコン
Gltf アイコン のよくある質問
Gltf アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gltf アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:gltf" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gltf アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/gltf.svg" alt="Gltf アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。