Skip to content

Adjust Outline

The adjust-outline icon represents a symbol for adjusting or fine-tuning settings in various applications.

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

Set up MCP

Exports at 24 × 24 px

Adjust Outline icon from Material Symbols Light

Code

Adjust Outline in your framework

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

export const AdjustOutlineIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <path fill="currentColor" d="M12 14q.846 0 1.423-.577T14 12t-.577-1.423T12 10t-1.423.577T10 12t.577 1.423T12 14m.003 7q-1.867 0-3.51-.708q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8"/>
  </svg>
);

Other libraries

Adjust Outline in 8 more libraries

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

  • Adjust Outline icon from Material Symbols
  • Adjust Outline icon from Material Design Icons
  • Adjust Outline icon from WebHostingHub Glyphs
  • Adjust Outline icon from Font Awesome Solid
  • Adjust Outline icon from BoxIcons
  • Adjust Outline icon from Line Awesome
  • Adjust Outline icon from Unicons
  • Adjust Outline icon from Font Awesome 5 Solid

Material Symbols Light

Icons that share its tags, in the same style.

  • Admin Panel Settings Outline icon from Material Symbols Light
  • Settings Input Component Outline icon from Material Symbols Light
  • Settings Input Hdmi Outline icon from Material Symbols Light
  • Settings Remote Outline icon from Material Symbols Light
  • Settings Slow Motion Outline icon from Material Symbols Light
  • Settings System Daydream Outline icon from Material Symbols Light
  • Switch Account Outline icon from Material Symbols Light
  • Toggle Off Outline icon from Material Symbols Light
  • Toggle On Outline icon from Material Symbols Light
  • Battery Change Outline icon from Material Symbols Light
  • Brightness 3 Outline icon from Material Symbols Light
  • Brightness 4 Outline icon from Material Symbols Light
  • Display Settings Outline icon from Material Symbols Light
  • Mic Gear Outline icon from Material Symbols Light
  • Phonelink Setup Outline icon from Material Symbols Light
  • Reset Tv Outline icon from Material Symbols Light
  • Settings Brightness Outline icon from Material Symbols Light
  • Settings Panorama Outline icon from Material Symbols Light
  • Settings Seating Outline icon from Material Symbols Light
  • Settings Timelapse Outline icon from Material Symbols Light
  • Settings Voice Outline icon from Material Symbols Light
  • Shield Toggle Outline icon from Material Symbols Light
  • Steering Wheel Heat Outline icon from Material Symbols Light
  • Action Key Outline icon from Material Symbols Light

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

Get Pro

Tags

Browse by tag

Adjust Outline is tagged control, settings, configuration and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Material Symbols Light MCP, with Pro

Ask for Adjust Outline or any of 15,390 Material Symbols Light 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 Adjust Outline icon means and where it's used, then how to install, style and license it.

Install Adjust Outline from a prompt

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

Get Pro