Compass Rose N
The compass-rose-n icon represents a stylized compass rose used to determine direction.
Add shadcn.io to your AI agent. · Pro It installs Compass Rose N, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
367 in Font-GISCC BY 4.0 license (opens in a new tab)Free to copy and download
Code
Compass Rose N in your framework
In any framework. Customize it above, and the code follows.
export const CompassRoseNIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 100 100" {...props}>
<path fill="currentColor" d="M49.956 10c-.591-.003-.916.4-1.007.872l-2.443 8.242a30.94 30.94 0 0 0-15.897 6.6c-2.538-1.378-5.075-2.763-7.615-4.133c-.47-.253-.882-.234-1.262.149c-.381.383-.273.947-.058 1.353l4.069 7.495a30.93 30.93 0 0 0-6.634 15.932c-2.774.823-5.552 1.639-8.323 2.467c-.51.153-.787.458-.786.998s.476.863.916.998l8.189 2.426a30.94 30.94 0 0 0 6.599 15.98c-1.385 2.552-2.778 5.104-4.156 7.658c-.253.47-.234.88.15 1.261c.382.38.946.274 1.352.06l7.537-4.091a30.93 30.93 0 0 0 15.922 6.622c.822 2.775 1.64 5.554 2.468 8.325c.153.51.458.787.998.786s.863-.476.998-.916l2.426-8.189a30.9 30.9 0 0 0 16.006-6.632l7.568 4.11c.549.28.92.329 1.34-.087s.366-.932.097-1.33l-4.12-7.593a30.96 30.96 0 0 0 6.591-15.958l8.233-2.44c.586-.19.883-.417.886-1.009s-.4-.916-.872-1.007l-8.27-2.451a30.97 30.97 0 0 0-6.607-15.91l4.09-7.531c.279-.55.328-.92-.088-1.341a.96.96 0 0 0-.671-.305a1.15 1.15 0 0 0-.659.21l-7.546 4.097a30.9 30.9 0 0 0-15.978-6.62l-2.434-8.212c-.19-.586-.417-.883-1.009-.886m-.001 4.176v31.04a4.8 4.8 0 0 0-2.306.619l-4.979-6.308l5.214-18.143l.7-2.441ZM54.14 21.6a28.54 28.54 0 0 1 12.96 5.355l-9.797 5.318zm-8.377.025l-3.144 10.607c-3.241-1.762-6.484-3.517-9.726-5.278a28.55 28.55 0 0 1 12.87-5.329M24.65 24.65l15.602 15.57l-.008.023l-5.96 1.768l-5.988-10.793l-1.223-2.205zm50.648.018l-3.343 3.344l-1.673 1.672L59.73 40.237l-.075-.022l-1.754-5.916l10.865-6.015l1.308-.722l.89-.494zm-2.278 8.188a28.55 28.55 0 0 1 5.355 12.907l-10.648-3.156zm-46.039.008l5.29 9.744c-3.554 1.05-7.104 2.108-10.657 3.16a28.54 28.54 0 0 1 5.367-12.904m33.392 9.779l18.242 5.24l2.413.694l4.795 1.378h-31.04a4.8 4.8 0 0 0-.631-2.328zm-15.156 7.312l-.002.045c0 .798.2 1.583.581 2.284L39.5 57.241l-6.241-1.788l-11.88-3.4v-.002l-2.438-.698l-4.813-1.378Zm33.184 4.184a28.54 28.54 0 0 1-5.348 12.95l-5.313-9.79zm-56.79.003l10.647 3.155c-1.775 3.265-3.542 6.532-5.316 9.797a28.55 28.55 0 0 1-5.331-12.952m30.697.047l4.96 6.211l-1.803 6.296L52.05 78.62l-.698 2.439l-1.378 4.813l-.02-31.09c.842.002 1.716-.218 2.354-.593m13.403 3.71l6.01 10.86l1.218 2.199l2.421 4.374l-3.374-3.375l-1.673-1.672l-10.607-10.607Zm-25.475 1.832l1.778 5.996l-10.786 5.984l-2.207 1.224l-4.405 2.445zm17.074 7.966l9.82 5.333a28.55 28.55 0 0 1-12.989 5.358zm-14.7.042c1.05 3.55 2.106 7.097 3.157 10.646a28.54 28.54 0 0 1-12.894-5.36z" color="currentColor"/><path fill="currentColor" d="M46 8V0h1.981l4.127 5.343V0H54v8h-2.043l-4.065-5.217V8Zm0 89.347l1.933-.147q.174.764.704 1.123q.537.358 1.443.358q.96 0 1.443-.316q.49-.322.49-.749q0-.274-.208-.464q-.201-.195-.711-.337q-.35-.095-1.59-.338q-1.598-.311-2.242-.765q-.907-.638-.907-1.555q0-.59.423-1.102q.43-.517 1.229-.786q.805-.27 1.94-.27q1.851 0 2.784.639q.94.638.987 1.703l-1.987.069q-.127-.596-.55-.854q-.416-.264-1.255-.264q-.866 0-1.356.28q-.315.179-.315.48q0 .273.295.469q.376.247 1.826.516q1.45.27 2.14.56q.699.284 1.088.785q.396.496.396 1.229q0 .664-.47 1.244t-1.329.865q-.859.28-2.14.28q-1.867 0-2.867-.675q-1-.68-1.194-1.978M92 54v-8h7.8v1.353h-5.676v1.774h5.28v1.348h-5.28v2.177H100V54zM1.456 54L0 46h1.26l.919 5.495L3.293 46h1.464l1.069 5.588L6.76 46H8l-1.48 8H5.214L4 48.019l-1.21 5.98Z"/>
</svg>
);Font-GIS
More like it
Icons that share its tags, in the same style.
Search Font-GIS
Skip the copy and paste. With Pro, your AI agent finds and installs any Font-GIS icon from a prompt.
Get ProTags
Browse by tag
Compass Rose N is tagged navigation, direction, location and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Font-GIS MCP, with Pro
Ask for Compass Rose N or any of 367 Font-GIS 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 Compass Rose N icon means and where it's used, then how to install, style and license it.
Install Compass Rose N from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.