Where is the Graphite icon used?

In real-world applications, the Graphite icon appears in software like Graphite-related tools, data analysis environments, or visualization software.

What does the Graphite icon tell users?

From a UX perspective, the Graphite icon communicates the presence of graphing or data visualization features, helping users understand the software's capabilities or navigate interfaces.

Can I download the Graphite icon as SVG or PNG?

Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.

How do I install the Graphite icon with the shadcn CLI?

Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds the icon to components/icons/file-icons-graphite.tsx.

How do I use the Graphite icon in Next.js or React?

Copy it as React (from Get icon, or the Code section): a typed GraphiteIcon component you paste into your project, with no package to install. It works in Next.js and any React app.

How do I use the Graphite icon in Vue, Svelte or Angular?

Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside.

Can my AI agent install it for me?

With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Graphite icon, or any of 930 File Icons icons, and install it from a prompt.

Can I use the Graphite icon in commercial projects?

Yes. ISC allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.

Is the Graphite icon free?

Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.

How do I change the color of the Graphite icon?

It's drawn in currentColor, so it takes the text color wherever you use it. To bake a color in, set one in Customize before you copy.

How do I change the size of the Graphite icon?

Set width and height on the component, or a class like size-6. It's drawn on a 512 × 512 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.

How do I make the Graphite icon accessible?

Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Graphite", so screen readers say what it does.

Graphite

The Graphite icon represents a graphite-related symbol, possibly associated with graphing or data visualization software.

Add shadcn.io to your AI agent. · Pro It installs Graphite, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Get Pro

930 in File Icons ISC license (opens in a new tab)Free to copy and download

Code

Graphite in your framework

In any framework. Customize it above, and the code follows.

export const GraphiteIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
    <path fill="currentColor" d="m494.516 122.043l-9.606-8.164c10.06-3.374-7.433-15.884-23.533-9.125l-19.211-2.402c-2.045-3.073-7.82-5.176-12.968-4.803l-6.724-6.724c7.94-.452 1.046-14.182-18.91-8.498l-17.11-1.587c-2.292-6.54-29.044-6.376-24.226 1.263l-11.047 4.323c-5.9-.128-11.732-.38-14.566 1.419l-17.132-2.38c-1.93-6.542-25.087-5.356-23.322 3.54l-13.903 4.87c-2.54-.35-10.789-1.48-15.393.893l-14.89-2.402c.848-8.277-27.799-6.3-25.454 2.402l-15.369 5.283c-18.31-2.021-28.616 9.185-11.046 11.526l.48 7.685c-5.043.88-9.546 3.982-8.758 6.413l-18.25 6.724c-15.056-3.151-36.169 10.556-16.217 14.719l-.48 10.566c-24.875 8.085-4.563 23.994 15.369 12.487l21.132 3.842c-.898 5.364 2.861 6.965 9.605 7.685l.96 13.448c-24.013 11.246-5.802 28.456 18.454 16.253l24.495 5.283c.573 5.094 6.28 9.94 13.725 9.682l3.842 17.29c-8.135 3.353-10.777 9.39-9.606 17.29l-24.494 14.408c-10.51-2.548-19.166-.58-26.453 4.721l-23.976-3.76c1.576-7.103-4.132-13.786-13.448-12.968l.48-18.73c30.21-16.21.192-30.937-18.73-18.732l-23.054-5.283c3.723-15.459-37.101-12.757-40.26 4.01l-27.855 12.007C37.452 232.507.23 255.32 27.686 264.686l-6.244 18.73c-31.218 9.526-29.817 46.748 13.929 25.456l26.895 7.684c-3.157 6.309.341 17.436 10.566 16.81l-6.243 29.297c-43.598 24.262-20.082 64.277 18.73 36.5l34.1 11.527c-6.537 35.783 57.373 34.645 58.036-10.37l33.697-23.73c4.328 4.835 20.269 4.856 31.218-5.283l35.54 10.567c.152 34.825 62.545 28.188 50.787-11.258l25.578-21.401c42.234 12.667 40.433-38.062 9.125-37.942l-9.605-23.534c7.421-1.836 9.065-13.807 4.898-17.739l19.596-13.96c35.78 4.909 28.726-23.082 6.723-24.493l-9.125-16.33c6-2.898 6.535-10.427 4.323-13.448l15.32-9.285c36.516 3.567 23.779-19.486 7.65-19.805l-7.744-11.636c5.353-1.18 4.938-4.08 2.551-7.843l13.44-7.143c8.644 1.604 12.62.97 15.85-1.92l21.107 3.317c21.806 11.907 35.998 3.323 27.4-5.24l11.047-6.723c10.485.326 16.423.311 16.81-3.362c16.544 1.538 5.891-8.626-9.125-10.086M74.836 301.618l-27.459-7.635c4.827-8.66-1.687-15.208-8.645-14.889l6.443-17.51c5.552.595 16.94-10.166 18.405-18.354l27.983-12.33c11.602 1.382 21.207-2.22 24.014-4.636l24.014 5.283c-2.58 5.476 4.247 12.967 10.566 12.007l-1.441 19.691c-10.056 3.257-15.76 10.461-14.408 17.77l-30.738 16.33c-2.882-4.353-21.255-1.334-28.733 4.273m129.112 61.165l-33.007 22.362c-8.288-5.214-24.626-4.052-35.193 5.854l-33.12-10.43c3.396-10.662-2.637-22.02-14.427-21.268l5.283-29.777c8.721-3.165 19.907-13.515 18.73-21.613l30.638-16.497c12.446 2.895 20.202.336 29.349-4.038l27.74 7.523c-.87 6.434 5.408 16.054 16.494 14.933l1.921 27.376c-12.207 5.963-17.21 16.37-14.408 25.575m85.49-266.675l14.408-4.802c7.251 1.12 9.097.932 13.928-1.441l17.29 2.401c.71 2.845 6.82 4.9 11.046 4.803l5.283 7.685c-4.31.981-7.042 4.061-3.842 6.723l-13.928 5.764c-8.167-1.33-12.409-.247-16.33 2.401l-19.21-2.881c-.483-3.754-8.827-6.24-11.047-5.764l-3.362-8.165c7.654-1.513 6.66-5.354 5.763-6.724m6.243 25.935l19.211 2.882c-.435 2.476 8.3 5.328 11.527 4.803l4.803 9.125c-5.6 1.372-6.961 5.482-5.284 9.606l-15.849 7.204c-6.266-1.112-12.523-1.364-18.73 2.401l-21.133-3.362c.915-3.326-4.878-8.139-11.046-7.204l-2.401-9.605c5.806-.956 8.727-4.212 7.204-7.685l15.849-6.244c10.828.228 9.662.46 15.849-1.92m-78.285-19.21l15.369-5.284c6.228.907 11.485.554 15.849-.96l17.29 2.401c-.532 2.73 5.134 4.308 9.125 4.323l2.882 8.164c-4.142.303-7.936 4.347-6.244 7.204l-15.85 6.244c-8.085-1.206-12.564-.447-18.017 1.989l-18.73-2.882c1.104-2.06-3.86-5.287-9.359-5.35l-.96-8.645c8.31-2.184 10.612-5.409 8.645-7.205m-16.81 65.797l-21.132-3.842c1.95-3.277-3.475-7.91-9.606-7.204l.818-11.743c5.273-2.19 8.943-4.202 8.307-8.909l18.25-6.724c8.646.96 10.737.904 17.913-2.373l18.59 2.853c.005 3.611 5.14 6.64 10.565 6.244l2.882 11.527c-5.99 3.277-8.024 2.373-7.204 9.125l-19.211 8.165c-6.583-.565-15.16-.866-20.172 2.881m52.638 41.708l-20.197-4.56c.3-5.384-5.033-8.231-12.256-8.436l-1.676-15.588c8.444-5.172 9.463-8.25 7.426-10.722l19.211-8.645c8.546 1.554 14.661.221 19.691-2.401l21.613 3.842c.99 4.79 5.505 7.803 12.007 7.684l5.283 13.448c-5.082 1.316-10.586 6.32-6.244 12.007l-19.691 10.566c-7.498-1.599-19.624-2.248-25.167 2.805m92.886 126.39l-25.935 20.652c-10.099-6.348-24.3-2.675-31.218 5.283l-34.58-9.606c1.692-10.499-11.07-20.81-18.73-18.73l-3.162-26.48c7.963-2.655 14.721-9.613 12.287-20.108l24.974-15.369c12.663 2.5 18.79.396 24.975-4.322l29.777 6.724c-.15 7.07 13.552 16.433 19.631 13.447l9.185 24.975c-9.018 3.831-11.69 15.48-7.204 23.534m32.535-104.016c-5.491.876-9.726 10.465-4.198 15.164l-20.172 13.928c-7.294-.48-17.8-2.731-25.455 4.803l-28.817-6.244c.195-5.398-8.582-12.321-15.849-12.007l-4.802-18.25c7.524-3.466 11.917-10.147 8.164-14.408l20.172-11.047c8.71 1.514 14.364.55 21.132-3.362l25.455 4.803c2.51 6.926 9.543 9.195 15.85 9.606zm18.37-58.333c-4.912 2.01-6.36 6.399-2.877 10.58l-16.099 9.47c-10.496-1.344-15.854.15-19.922 3.498l-24.494-4.322c.6-4.823-10.406-9.426-14.408-8.645l-5.283-12.968c6.984-1.82 8.662-7.693 5.283-10.566l16.33-7.684c8.747 1.545 14.185.341 17.77-2.402l22.092 3.362c1.74 5.142 8.617 7.122 14.46 7.363zm11.051-36.486l-13.448 8.645c-3.475-.34-11.668-1.526-17.77 2.4l-21.613-3.36c.594-2.205-8.334-6.838-13.447-6.245l-5.283-10.085c5.82-1.413 7.424-5.309 4.322-7.205l14.214-7.204c7.967 1.181 10.658.685 15.623-1.928l20.112 2.889c1.949 3.812 7.437 6.023 12.007 5.763l7.684 9.125c-4.46 1.246-6.272 4.266-2.401 7.205m-.484-27.87c-3.778.124-8.267-1.826-15.853 1.858l-19.204-2.325c-.762-2.175-6.008-6.202-12.006-5.763l-5.284-7.685c4.323-.084 6.213-3.86 3.843-6.723l12.007-4.323c8.82.23 10.324.279 13.928-1.44l17.29 2.4c1.91 2.689 6.64 4.805 12.487 4.323l7.204 7.204c-3.785.802-5.526 3.681-1.921 6.724zm77.328 19.705l-11.526 6.724c-3.193-.141-12.007-1.836-16.81 2.401l-22.093-3.362c-2.975-3.196-7.245-5.695-14.964-6.333l-7.609-9.036c6.244-.197 6.978-5.34 3.842-6.723l12.007-5.764c8.589 1.384 11.986.24 15.85-1.921l19.69 2.401c-2.316 2.543 8.985 6.16 12.969 5.764l9.605 8.645c-3.93 1.36-6.074 4.633-.96 7.204"/>
  </svg>
);

Other libraries

Graphite in 1 more libraries

Each library draws it its own way. Open one to compare.

File Icons

Icons that share its tags, in the same style.

All 930 icons

Search File Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any File Icons icon from a prompt.

Get Pro

Browse by tag

Graphite is tagged software, data and visualization. Related tags follow; each opens its icons from every library.

All tags

Pricing

File Icons MCP, with Pro

Ask for Graphite or any of 930 File Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billing

Billed once a year in USD. Cancel anytime.

How many people can use the license.
Client work, SaaS products and anything you charge for.
Production-ready React sections: hero, pricing, features, dashboards and more.
Complete multi-page sites you can ship as they are.
React icons from every major library, installable with one command.
Presets that restyle every block, in light and dark.
Lets your AI editor search, preview and install blocks for you.
Priority requests are answered first.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

Seats: 1 seat
Commercial use: Personal & open source only
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Basic usage
Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Seats: Unlimited seats
Commercial use: Included
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Unlimited usage
Support: Priority

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

How many people can use the license.Seats: 1 seat
Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
Complete multi-page sites you can ship as they are.Templates: All 14 templates
React icons from every major library, installable with one command.React icons: 294k+ icons
Presets that restyle every block, in light and dark.Themes: All 59 themes
Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
Priority requests are answered first.Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

How many people can use the license.Seats: Unlimited seats
Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage

Secure checkout via Stripe
Code lives in your repo
Keep what you've shipped if you cancel
License terms

FAQ

Frequently asked questions

What the Graphite icon means and where it's used, then how to install, style and license it.

Install Graphite from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro

Graphite

Graphite in your framework

Graphite in 1 more libraries

More like it

Browse by tag

File Icons MCP, with Pro

Individual

Team

Organization

Individual

Team

Organization

Frequently asked questions

What does the Graphite icon mean?

Where is the Graphite icon used?

What does the Graphite icon tell users?

How do I install the Graphite icon with the shadcn CLI?

How do I use the Graphite icon in Next.js or React?

How do I use the Graphite icon in Vue, Svelte or Angular?

Can my AI agent install it for me?

How do I change the color of the Graphite icon?

How do I change the size of the Graphite icon?

How do I make the Graphite icon accessible?

Can I download the Graphite icon as SVG or PNG?

Can I use the Graphite icon in commercial projects?

Is the Graphite icon free?

Install Graphite from a prompt