Skip to content

Fill Color Solid

The fill-color-solid icon represents a tool or feature used to fill or change the color of an object or shape with a solid color.

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

Set up MCP

Exports at 24 × 24 px

Fill Color Solid icon from Iconoir
Get Pro

1,682 in IconoirMIT license (opens in a new tab)Free to copy and download

Code

Fill Color Solid in your framework

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

export const FillColorSolidIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" {...props}>
    <g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path fill="currentColor" d="m2.636 10.293l7.071-7.071l8.485 8.485l-7.07 7.071a2 2 0 0 1-2.83 0l-5.656-5.657a2 2 0 0 1 0-2.828"/><path d="m8.293 1.808l1.414 1.414"/><path fill="currentColor" fillRule="evenodd" strokeMiterlimit="1.5" d="M20 15s3 2.993 3 4.887c0 1.655-1.345 3-3 3s-2.988-1.345-3-3C17.01 17.992 20 15 20 15" clipRule="evenodd"/></g>
  </svg>
);

Other libraries

Fill Color Solid in 1 more libraries

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

  • Fill Color Solid icon from TDesign Icons

Iconoir

Icons that share its tags, in the same style.

  • Horiz Distribution Left Solid icon from Iconoir
  • Horiz Distribution Right Solid icon from Iconoir
  • Comp Align Bottom Solid icon from Iconoir
  • Comp Align Left Solid icon from Iconoir
  • Comp Align Right Solid icon from Iconoir
  • Comp Align Top Solid icon from Iconoir
  • Keyframes Couple Solid icon from Iconoir
  • Keyframes Solid icon from Iconoir
  • Label Solid icon from Iconoir
  • Page Up Solid icon from Iconoir
  • Send Solid icon from Iconoir
  • Transition Right Solid icon from Iconoir
  • Transition Up Solid icon from Iconoir
  • Design Nib Solid icon from Iconoir
  • Drag Solid icon from Iconoir
  • Fast Arrow Right Square Solid icon from Iconoir
  • Fast Arrow Up Square Solid icon from Iconoir
  • Message Solid icon from Iconoir
  • Network Right Solid icon from Iconoir
  • Network Solid icon from Iconoir
  • Radius Solid icon from Iconoir
  • Style Border Solid icon from Iconoir
  • Trash Solid icon from Iconoir
  • Undo Circle Solid icon from Iconoir

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

Get Pro

Tags

Browse by tag

Fill Color Solid is tagged UI, interface, design and 2 more. Related tags follow; each opens its icons from every library.

Pricing

Iconoir MCP, with Pro

Ask for Fill Color Solid or any of 1,682 Iconoir 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.

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

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

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

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

Install Fill Color Solid from a prompt

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

Get Pro