Graphql icon

file-icons:graphql

The Graphql icon (file-icons:graphql) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<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>

How to use the Graphql icon

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 component

<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 image

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

Related icons in File Icons

Graphql icon in other icon sets

Graphql icon FAQ

Is the Graphql icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Graphql icon in React?

Install @iconify/react and render <Icon icon="file-icons:graphql" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Graphql icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/graphql.svg" alt="Graphql icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →