Ios Color Filter Outline
The ios-color-filter-outline icon represents an outlined version of a color filter tool, commonly used in photo editing applications to adjust and enhance colors.
Add shadcn.io to your AI agent. · Pro It installs Ios Color Filter Outline, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
2,361 in IonIconsMIT license (opens in a new tab)Free to copy and download
Code
Ios Color Filter Outline in your framework
In any framework. Customize it above, and the code follows.
export const IosColorFilterOutlineIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path d="M366.195 212.122A112.581 112.581 0 0 0 368.001 192c0-61.856-50.145-112.001-112.001-112.001S143.999 130.144 143.999 192c0 6.87.621 13.594 1.806 20.122C98.616 225.302 63.999 268.606 63.999 320c0 61.856 50.145 112.001 112.001 112.001 31.342 0 59.671-12.879 80-33.627 20.329 20.748 48.658 33.627 80 33.627 61.856 0 112.001-50.145 112.001-112.001 0-51.394-34.617-94.697-81.806-107.878zM159.999 192c0-52.935 43.065-96.001 96.001-96.001s96.001 43.066 96.001 96.001c0 5.776-.513 11.435-1.495 16.933-4.749-.614-9.59-.934-14.506-.934-31.342 0-59.671 12.879-80 33.627-20.329-20.748-48.658-33.627-80-33.627-4.916 0-9.757.319-14.506.934A96.248 96.248 0 0 1 159.999 192zm112.002 128c0 19.58-5.896 37.806-16.001 53.006-10.104-15.2-16.001-33.426-16.001-53.006 0-5.776.513-11.435 1.495-16.933a113.082 113.082 0 0 0 29.012 0A96.248 96.248 0 0 1 272.001 320zM256 288.001a96.29 96.29 0 0 1-10.314-.556A95.787 95.787 0 0 1 256 266.994a95.74 95.74 0 0 1 10.314 20.451 96.29 96.29 0 0 1-10.314.556zm-26.209-3.637c-29.756-8.455-53.666-30.937-64.105-59.81 3.39-.364 6.83-.556 10.314-.556 27.353 0 52.069 11.5 69.572 29.917a111.686 111.686 0 0 0-15.781 30.449zm36.637-30.447c17.503-18.418 42.219-29.918 69.572-29.918 3.484 0 6.925.191 10.314.556-10.439 28.873-34.35 51.354-64.105 59.81a111.637 111.637 0 0 0-15.781-30.448zM176 416.001c-52.936 0-96.001-43.065-96.001-96.001 0-43.852 29.555-80.931 69.792-92.364 11.732 34.983 40.265 62.257 76.014 72.243A112.57 112.57 0 0 0 223.999 320c0 24.717 8.013 47.559 21.573 66.084-17.503 18.417-42.219 29.917-69.572 29.917zm160 0c-27.354 0-52.069-11.5-69.572-29.918 13.561-18.524 21.573-41.366 21.573-66.083 0-6.869-.621-13.594-1.806-20.121 35.749-9.986 64.281-37.26 76.014-72.243 40.237 11.434 69.792 48.513 69.792 92.364 0 52.936-43.065 96.001-96.001 96.001z" fill="currentColor"/>
</svg>
);IonIcons
More like it
Icons that share its tags, in the same style.
Search IonIcons
Skip the copy and paste. With Pro, your AI agent finds and installs any IonIcons icon from a prompt.
Get ProTags
Browse by tag
Ios Color Filter Outline is tagged interface, editing, outline and 3 more. Related tags follow; each opens its icons from every library.
Pricing
IonIcons MCP, with Pro
Ask for Ios Color Filter Outline or any of 2,361 IonIcons 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.
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
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
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
Most popularFor 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 Ios Color Filter Outline icon means and where it's used, then how to install, style and license it.
Install Ios Color Filter Outline from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.