Bullseye
The bullseye icon represents a target or goal, often used to signify focus, accuracy, or precision.
Add shadcn.io to your AI agent. · Pro It installs Bullseye, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
1,735 in Fluent UI MDL2MIT license (opens in a new tab)Free to copy and download
Code
Bullseye in your framework
In any framework. Customize it above, and the code follows.
export const BullseyeIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2048 2048" {...props}>
<path fill="currentColor" d="M1024 640q-80 0-149 30t-122 82t-83 123t-30 149q0 80 30 149t82 122t122 83t150 30q79 0 149-30t122-82t83-122t30-150q0-64-22-128h134q8 32 12 64t4 64q0 106-40 199t-110 162t-163 110t-199 41t-199-40t-162-110t-110-163t-40-199q0-106 40-199t109-162t163-110t199-41q32 0 64 4t64 12v134q-64-22-128-22m866 155q30 113 30 229q0 123-32 237t-90 214t-141 182t-181 140t-214 91t-238 32q-123 0-237-32t-214-90t-182-141t-140-181t-91-214t-32-238q0-123 32-237t90-214t141-182t181-140t214-91t238-32q116 0 229 30l-101 101v8q-32-5-64-8t-64-3q-106 0-204 27t-183 78t-156 120t-120 155t-77 184t-28 204t27 204t78 183t120 156t155 120t184 77t204 28t204-27t183-78t156-120t120-155t77-184t28-204q0-32-3-64t-8-64h8zm-610-118V390L1664 6v378h378l-384 384h-287l-223 223q4 15 4 33q0 27-10 50t-27 40t-41 28t-50 10q-27 0-50-10t-40-27t-28-41t-10-50q0-27 10-50t27-40t41-28t50-10q18 0 33 4zm128-37h197l128-128h-197V315l-128 128z"/>
</svg>
);Other libraries
Bullseye in 8 more libraries
Each library draws it its own way. Open one to compare.
Fluent UI MDL2
More like it
Icons that share its tags, in the same style.
Search Fluent UI MDL2
Skip the copy and paste. With Pro, your AI agent finds and installs any Fluent UI MDL2 icon from a prompt.
Get ProTags
Browse by tag
Bullseye is tagged design, gaming, focus and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Fluent UI MDL2 MCP, with Pro
Ask for Bullseye or any of 1,735 Fluent UI MDL2 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 Bullseye icon means and where it's used, then how to install, style and license it.
Install Bullseye from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.