What does the Ink icon mean?

The ink icon represents Ink, a writing and editing software. Ink is used for creating and editing written content, such as articles, blog posts, and books.

Where is the Ink icon used?

The ink icon appears in various writing and editing contexts, such as content creation and media production. It is often used to represent writing and editing tools.

What does the Ink icon tell users?

From a UX perspective, the ink icon communicates a sense of creativity, writing, and content creation. It helps users understand that the associated functionality or tool is related to writing and editing.

Can I download the Ink 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 Ink 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-ink.tsx.

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

Copy it as React (from Get icon, or the Code section): a typed InkIcon 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 Ink 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 Ink icon, or any of 930 File Icons icons, and install it from a prompt.

Can I use the Ink 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 Ink 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 Ink 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 Ink 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 Ink 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="Ink", so screen readers say what it does.

Ink

The ink icon represents Ink, a writing and editing software.

Add shadcn.io to your AI agent. · Pro It installs Ink, 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

Ink in your framework

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

export const InkIcon = (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="M465.064 198.902c-.016-1.428 1.485-3.955 3.055-3.113c3.159 2.322-2.34 4.316-3.055 3.113m-5.466-149.958l-1.83 17.7c-.725 7.02-3.766 16.026-4.371 22.386c-.946 9.936-8.36 14.796-8.63 20.898c-.355 8.054.005 17.357 6.394 23.911c7.858 8.064 20.927 14.477 16.694 17.081c0 0 3.188 3.032-9.923 4.875c-7.93 1.114-21.228 14.304-23.066 30.918c-1.183 10.687 2.029 22.838 8.054 31.783c4.788 7.107 11.982 11.98 15.649 13.988c9.03 4.945 26.644 6.72 37.822 1.163c6.2-3.082 15.477-13.275 15.477-13.275c.747-38.16.09-101.832-52.27-171.428m26.917 50.671c2.256.11 2.524 2.25-.688 3.63c1.6 4.112-2.856 6.282-5.141 8.339c-4.36 2.036-7.708 5.452-12.338 5.598c.114-2.4.456-5.029 2.056-5.029c1.599 0 5.616-3.145 6.627-4.568c-.46-1.111-7.661.335-12.11 2.628c-3.884 1.828-6.731 5.332-8.11 1.828c-1.38-3.505 5.027-4.684 12.338-7.197c7.3-2.501 11.218-4.167 16.28-5.144c.4-.076.763-.1 1.086-.085m1.789 14.623c1.292-.06 2.438.278 3.187 1.242c2.4 3.084-3.14 6.502-4.512 7.987c-4.55 4.478-11.35 3.69-12.453 2.403c-1.257-2.456 3.531-5.376 5.816-7.775c1.57-1.649 5.119-3.724 7.962-3.857m-5.999 68.77c2.985-.05 6.461 1.31 4.361 3.802c-3.233 2.663-5.386 3.641-7.128 2.233c-1.74-1.408-2.775-5.196 1.538-5.924a8 8 0 0 1 1.23-.11m17.405 18.376q.39-.039.716.069c3.478 1.137 3.145 4.012 5.218 6.219c3.478 3.344 0 4.55.803 8.362s-4.95 7.596-6.688 9.63c-2.743 3.21-10.166 5.887-11.704 3.278s-4.75-6.353-2.61-11.77c2.006-5.08 10.363-15.449 14.265-15.788m-86.517 7.733a15.4 15.4 0 0 0-4.066.69c-5.316 1.69-12.008 6.817-10.069 18.95c.7 4.382 5.243 9.281 10.572 10.998c5.451 1.757 11.718.225 15.007-4.93c6.505-10.195-.61-20.417-2.315-22.767c-1.278-1.762-5.07-3.096-9.13-2.94m3.447 5.698c.385.04.865.229 1.506.626c2.565 1.592 4.07 3.359 2.39 4.597c-3.954 2.538-8.46-.998-6.545-3.182c1.194-.93 1.492-2.157 2.649-2.04m3.647 7.718a1.8 1.8 0 0 1 .69.249c3.65 2.68-.97 6.338-2.032 4.068c-.93-1.986-.168-4.492 1.342-4.317m-96.91 14.435c-14.446.111-27.286 12.494-40.748 28.27c-5.665 6.638-11.822.523-11.822.523s-28.135-15.989-39.19-19.576c-11.056-3.587-21.21-2.7-21.21-2.7s-30.818 19.728-27.611 50.835c3.206 31.107 35.752 50.627 39.65 62.129c-28.324 39.272 5.486 57.21 5.125 64.323c-.189 3.712-5.868 6.23-11.694 8.316c-10.92 3.91-12.249.242-16.434-2.574c-6.333-4.261-5.946-5.653-13.383-11.427c-7.032-5.46-13.15-8.805-24.008-9.127c-22.34-.662-23.018 18.695-35.387 21.175c97.755 55.042 181.79 37.793 244.801 8.134c.933-4.474-5.647-14.247-8.603-20.405s21.926-3.772 27.032-3.742s9.997 6.914 9.997 6.914c57.374-39.019 100.61-103.008 107.205-161.525c0 0-18.073-11.175-33.385-9.846c-18.11 1.571-35.825 4.174-48.027 13.498c-14.35 10.965-36.577 25.32-39.019 60.27c-.23 3.3-2.65 4.227-5.947 2.906c-.198-.079-4.113-10.778-14.658-24.738c-3.137-8.393-2.486-25.74-9.715-39.398c-6.403-12.097-20.231-21.043-30.058-22.091a26 26 0 0 0-2.91-.144zm26.48 52.912q.488.022.984.12c2.818.514 5.058 4.934 6.157 9.736c1.045 4.567 4.338 8.345 4.74 11.565c.826 6.605-.224 7.093-4.319 8.409s-8.42-.175-12.63-12.559c-3.948-11.61.183-17.469 5.069-17.271m111.06 11.694a6 6 0 0 1 1.042.143c4.544 1.893-3.41 6.004-7.818 6.712c-1.865.3-.69 1.919-1.68 2.995c-1.351 1.469-4.591 2.359-5.36 1.504c-1.332-1.48-2.133-4.072 3.298-5.159c2.473-.072 5.456-6.453 10.518-6.196zm-177.328 17.63c.52.034 1.085.239 1.673.672c3.138 2.312-2.269 5.264-3.95 3.583c-1.366-1.366.025-4.404 2.277-4.255m99.586 13.729c.273.026.566.079.883.17c7.804 2.22 4.706 5.61 4.217 7.245c-.488 1.634-5.49 3.01-6.996.898c-1.412-1.979-2.191-8.674 1.896-8.313m8.394 5.95c1.102-.004 1.03 1.647 1.991 2.107c1.282.612 3.398 2.674 2.785 4.625c-.613 1.95-.744 2.623-2.898 2.174s-5.015-5.85-3.454-8.247c.71-.474 1.208-.659 1.575-.66m-89.467 59.667q.159.008.334.07c1.868.639 2.108 1.976 1.293 3.08c-.814 1.102-1.995 1.337-2.792.705c-.747-.592-.418-3.963 1.165-3.855m-14.278 19.111q.255.008.492.062c2.532.553-.696 5.373-2.905 4.65c-3.722-1.98-.136-4.82 2.413-4.712m-118.573 5.37c2.62.026 4.023 1.5 3.042 2.263c-1.122.872-2.773 1.06-3.365.935s-4.11-2.553-.87-3.114a8 8 0 0 1 1.193-.085zm7.277 3.76c3.052 1.059 2.43 6.477-1.62 6.601c-2.74.81-4.903-1.027-4.859-2.99c.045-1.963 3.426-3.812 6.479-3.611m23.444 11.355c.554-.054 1.18.11 1.855.587c2.505 1.766-1.633 5.635-3.68 4.713c-1.663-.75-.576-5.07 1.825-5.3m36.937-317.582c-13.092 1.89-14.14-21.287-.519-22.312s13.611 20.42.519 22.312m46.885 18.236c-5.888-.08-13.777 2.201-20.377 7.808c-13.645 6.866-17.81 20.394-17.258 35.661c-4.668 2.24-6.484-.48-8.598-2.982c-9.01-12.013-25.968-18.169-43.113-8.05c-12.982 7.663-18.308 13.322-16.372 32.775c1.942 19.524 17.755 29.18 31.138 29.575c11.816.35 20.613-7.844 20.613-7.844c4.405-2.429 11.7 4.148 14.949 5.378c3.248 1.23 13.262-3.002 10.58-8.935s-12.126-16.167-7.008-17.89c4.978-.769 11.328 10.518 16.204 10.308c20.588.792 30.873-4.968 39.714-11.319c8.894-6.39 14.647-12.826 16.27-19.299s3.917-15.126-4.512-25.736c-7.872-9.907-13.045-15.414-28.516-19.029c-1.105-.258-2.355-.402-3.714-.421m-3.052 3.124c.64-.045 1.267.09 1.81.498c2.17 1.627-.497 3.444-2.667 4.122s-2.987-.027-3.029-1.545c-.03-1.143 1.97-2.936 3.886-3.075m14.59 13.65q.436.005.885.107c4.771 1.084 9.711 4.371 6.824 8.527c-2.933 4.276-10.983 2.724-13.346.264c-2.216-2.307 1.261-8.969 5.636-8.899zm-81.485 15.715c13.579.176 2.539 5.392-4.843 1.57c-.848-.74.582-1.423 4.843-1.57m16.25 11.578q.431.001.913.075c5.15.791 7.09 5.888 4.82 7.9c-3.144 2.79-8.434 1.854-9.532-.488c-1.029-2.195-.513-7.486 3.799-7.487M94.55 196.535c-14.45-.333-30.184 10.732-31.74 12.57c-4.107 4.85-13.28 17.73-21.857 21.446c-7.395 3.205-8.386 3.52-40.954-6.878c5.296 99.2 68.656 164.78 100.336 186.948c8.12 2.964 39.174-4.491 48.138-12.07c3.426-2.897 11.966-9.206 14.384-14.428c3.439-7.428 4.21-15.837 5.069-25.616c2.527-8.434-12.803-25.006-28.488-34.442c-3.354-4.882.471-13.46-8.785-17.918c-3.693-4.11-14.51 3.419-23.003-3.79c-3.945-3.35-5.897-8.874-5.626-15.483c.198-4.844 9.477-14.248 15.197-19.093c6.763-5.727 13.79-13.767 16.57-19.022c5.77-10.899-4.121-36.82-29.631-49.919c-3.008-1.544-6.275-2.228-9.61-2.305m22.384 22.387c7.576-.28 8.124 10.561-2.862 8.303c-5.063-1.989-2.361-7.47 1.255-8.09a9 9 0 0 1 1.607-.213M64.41 243.598c.544-.012 1.141.16 1.765.585c2.868 1.954-1.898 5.724-3.921 3.86c-1.577-.933-.202-4.397 2.156-4.445"/>
  </svg>
);

Other libraries

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

Ink is tagged media, file, editing and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

File Icons MCP, with Pro

Ask for Ink 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 Ink icon means and where it's used, then how to install, style and license it.

Install Ink from a prompt

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

Get Pro

Ink

Ink in your framework

Ink in 7 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 Ink icon mean?

Where is the Ink icon used?

What does the Ink icon tell users?

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

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

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

Can my AI agent install it for me?

How do I change the color of the Ink icon?

How do I change the size of the Ink icon?

How do I make the Ink icon accessible?

Can I download the Ink icon as SVG or PNG?

Can I use the Ink icon in commercial projects?

Is the Ink icon free?

Install Ink from a prompt