Skip to content

Target

The target icon represents a goal or objective, often used to indicate a specific point or location.

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

Set up MCP

Exports at 24 × 24 px

Target icon from Material Symbols

Code

Target in your framework

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

export const TargetIcon = (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 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-2q-2.5 0-4.25-1.75T6 12t1.75-4.25T12 6t4.25 1.75T18 12t-1.75 4.25T12 18m0-2q1.65 0 2.825-1.175T16 12t-1.175-2.825T12 8T9.175 9.175T8 12t1.175 2.825T12 16m0-2q-.825 0-1.412-.587T10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14"/>
  </svg>
);

Other libraries

Target in 8 more libraries

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

  • Target icon from Material Symbols Light
  • Target icon from Arcticons
  • Target icon from Phosphor
  • Target icon from Material Design Icons
  • Target icon from Tabler Icons
  • Target icon from Streamline
  • Target icon from Simple Icons
  • Target icon from IconPark Outline

Material Symbols

Icons that share its tags, in the same style.

  • Pin End icon from Material Symbols
  • Signpost icon from Material Symbols
  • Arrow Or Edge icon from Material Symbols
  • Nearby icon from Material Symbols
  • Pin Invoke icon from Material Symbols
  • Anchor icon from Material Symbols
  • Arrow Forward icon from Material Symbols
  • Arrow Forward Ios icon from Material Symbols
  • Arrow Left icon from Material Symbols
  • Arrow Left Alt icon from Material Symbols
  • Arrow Outward icon from Material Symbols
  • Arrow Range icon from Material Symbols
  • Arrow Shape Up Stack icon from Material Symbols
  • Arrow Shape Up Stack  2 icon from Material Symbols
  • Arrow Upward icon from Material Symbols
  • Chevron Right icon from Material Symbols
  • Clock Loader  80 icon from Material Symbols
  • Clock Loader  90 icon from Material Symbols
  • Double Arrow icon from Material Symbols
  • Edit Location Alt icon from Material Symbols
  • Forward icon from Material Symbols
  • Forward Circle icon from Material Symbols
  • Gbadge icon from Material Symbols
  • Move Selection Down icon from Material Symbols

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

Get Pro

Tags

Browse by tag

Target is tagged navigation, action, status and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Material Symbols MCP, with Pro

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

Install Target from a prompt

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

Get Pro