Grapher icon

file-icons:grapher

The Grapher icon (file-icons:grapher) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 487 × 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: 487 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="487" height="512" viewBox="0 0 487 512"><path fill="currentColor" d="m387.25 52.321l48.626 15.884v60.836l-48.625-18.097zm0 64.234l48.626 18.097v55.77l-48.625-19.513zm0 60.021l48.626 19.512v54.904l-48.625-20.686zm0 59.445l48.626 20.687v59.182l-48.625-24.372zm46.247 84.56c-5.64 1.74-35.126-5.763-55.519-19.33l7.733-4.622zm-60.22-22.646a105.8 105.8 0 0 1-17.167-16.142l24.026 12.042zM333.656 34.813l48.337 15.79v58.384l-48.337-17.99zm0 61.796l48.337 17.99v54.2l-48.337-19.397zm0 58.46l48.337 19.397v53.602l-48.337-20.564zm0 58.15l48.337 20.565v55.098l-33.172-16.627c-6.118-8.906-11.045-18.614-15.165-28.835zM280.634 17.495l47.762 15.602V89.04l-47.762-17.775zm0 59.382l47.762 17.776v52.64l-22.413-8.994c-5.778-20.691-13.255-39.781-25.349-55.099zm40.303 125.218c-4.67-19.22-8.411-38.869-13.245-57.443l20.704 8.308v52.308zm7.459 8.888v17.901c-2.169-6.673-4.092-13.494-5.863-20.395zm-118.13-194.61L240.571 6.16v48.403c-8.849-3.196-18.886-5.45-30.307-6.617zm50.953 412.733l-15.997 10.077l-47.358-30.258l9.46-5.655c13.887 11.803 31.425 20.775 53.895 25.836m-87.48-72.053c7.305 16.078 16.741 30.587 29.472 42.55l-10.301 6.157l-49.88-31.868zm-35.761 13.61L93.805 342.44l46.294-25.1l24.097 14.443c2.198 7.007 4.65 13.837 7.426 20.431zm67.028-352.517v30.703L159.35 65.603V33.6zm-43.04 306.17l-16.496-9.886l12.214-6.622a378 378 0 0 0 4.283 16.509m-21.737-13.028l-31.819-19.07l41.791-20.78c1.934 10.408 3.95 20.816 6.254 31.053zM105.752 51.59l48.338-16.288v32.231l-48.338 17.74zm0 89.267c6.149 6.843 11.302 14.604 15.693 23.084l-15.693 6.315zm0 35.068l18.034-7.257c6.637 14.067 11.422 29.897 15.365 46.64l-33.399 14.232zm0 59.332l34.592-14.74c3.293 14.74 6.027 30.106 8.864 45.541l-43.456 21.607zm29.106 78.942l-46.12 25.004l-32.745-20.922l46.826-23.284zM53.972 69.04l46.521-15.677v33.84l-46.521 17.073zm0 43.224c8.628 1.753 16.38 4.29 23.35 7.533l-23.35 8.553zm0 21.687l29.704-10.88a86.5 86.5 0 0 1 16.817 12.393v36.91l-46.521 18.72zm0 62.812l46.521-18.72v53.739l-46.521 19.823zm0 60.558l46.521-19.822v52.782l-46.521 23.133zM5.259 85.453L48.713 70.81v59.466L5.259 146.194zm0 66.342l43.454-15.918v57.332L5.259 210.695zm0 64.57l43.454-17.487v54.967L5.259 272.36zm0 61.712l43.454-18.516v56.467L5.259 337.634zM50.5 321.012l32.955 21.056l-40.869 22.15l-34.62-22.057zm38.021 24.292l44.2 28.24l-40.47 22.316l-44.585-28.406zm49.253 31.469l50.09 32.003l-38.863 23.24l-51.795-32.999zm16.181 58.4l38.863-23.232l47.486 30.34l-37.81 23.817zm92.619 59.009L207.4 469.223l37.802-23.813l38.573 24.644zm42.047-27.271l-38.5-24.599l48.02-30.25l39.005 23.377zm53.439-34.658l-38.93-23.333l50.338-31.71l39.703 21.894zm56.115-36.395l-39.623-21.851l46.8-29.482l40.09 20.678zm52.547-34.08l-40.204-20.506l28.473-17.937l40.051 20.075zm30.975-22.92l-40.562-20.332v-59.58l40.562 17.256zm0-68.372l-40.562-17.256v-55.031l40.562 16.276zm0-61.677l-40.562-16.277v-55.923l40.562 15.096zm0-62.716l-40.562-15.095V69.923l40.562 13.25zM0 355.118L246.658 512L487 356.312V79.36L244.018 0L0 81.675zm275.375-285.81L245.83 58.313V6.125l29.544 9.767z"/></svg>

How to use the Grapher icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Grapher icon FAQ

Is the Grapher 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 Grapher icon in React?

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

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

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

Browse all File Icons →