Graphql アイコン

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

はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。

file-icons:graphql

Graphql アイコン(file-icons:graphql)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: File Icons
作者: John Gardner
ライセンス: ISC
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M448.844 316.822V195.201a45.7 45.7 0 0 0 12.159-4.83c21.833-12.682 29.286-40.53 16.735-62.363c-12.682-21.834-40.53-29.286-62.363-16.735a46 46 0 0 0-10.346 8.2L299.727 58.674c6.601-22.02-4.27-45.879-25.936-55.051c-23.236-9.837-49.97.993-59.806 24.23c-4.3 10.154-4.65 20.975-1.745 30.764l-105.304 60.798c-14.132-14.89-37.094-18.899-55.696-8.279c-21.871 12.486-29.594 40.391-17.108 62.262c6.503 11.391 17.192 18.933 29.03 21.792v121.653C42.018 322 27.001 341.626 28.38 364.05c1.544 25.137 23.18 44.186 48.435 42.7a45.66 45.66 0 0 0 30.138-14.074l105.287 60.789c-6.18 20.837 3.254 43.676 23.386 53.724c22.577 11.268 49.992 2.01 61.202-20.45c5.62-11.259 6.161-23.706 2.494-34.755l104.67-60.433c8.446 9.49 20.761 15.44 34.437 15.31c25.183-.24 45.53-20.839 45.29-46.022c-.107-21.42-14.904-39.226-34.875-44.017m-330.558 33.575a45.64 45.64 0 0 0-12.822-22.198l137.84-238.738a45.4 45.4 0 0 0 25.445.006l137.827 238.716c-6.233 5.935-10.791 13.597-12.885 22.214zm280.354-176.76c6.423 11.173 16.889 18.568 28.501 21.455v121.8q-.883.218-1.753.47L287.55 78.627c.415-.397.818-.806 1.219-1.22l105.543 60.938c-3.26 11.456-2.074 24.154 4.328 35.291M224.485 78.651L86.671 317.345q-.897-.262-1.807-.488v-121.73a45.4 45.4 0 0 0 11.53-4.62c18.65-10.648 26.952-32.424 21.295-52.239l105.488-60.905c.425.439.865.865 1.308 1.289m65.253 356.976a45.6 45.6 0 0 0-13.36-10.09c-18.318-9.144-39.781-4.85-53.246 9.155l-105.339-60.819c.17-.587.333-1.178.48-1.775h275.471c.25 1.012.52 2.014.835 2.998z"/></svg>

Graphql アイコンの使い方

React

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

<Icon icon="file-icons:graphql" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:graphql" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:graphql" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--graphql]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:graphql"></div>

Web コンポーネント

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

<iconify-icon icon="file-icons:graphql"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/file-icons/graphql.svg" alt="Graphql アイコン" width="24" height="24">

File Icons の関連アイコン

他のアイコンセットの Graphql アイコン

Graphql アイコンのよくある質問

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

はい。File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

File Icons をすべて見る →