Compass Rose
The compass-rose icon represents a stylized compass rose used to determine direction.
Add shadcn.io to your AI agent. · Pro It installs Compass Rose, 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 in your framework
In any framework. Customize it above, and the code follows.
export const CompassRoseIcon = (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.945-.172c-.742-.004-1.149.502-1.263 1.094L45.617 11.26a38.8 38.8 0 0 0-19.94 8.277c-3.183-1.728-6.365-3.464-9.55-5.183c-.59-.318-1.106-.293-1.584.187s-.342 1.187-.072 1.697l5.103 9.4a38.8 38.8 0 0 0-8.32 19.985c-3.48 1.032-6.965 2.055-10.44 3.094c-.64.192-.988.574-.986 1.252c.002.677.597 1.082 1.149 1.252l10.271 3.043a38.8 38.8 0 0 0 8.277 20.043c-1.737 3.202-3.484 6.402-5.213 9.605c-.317.59-.292 1.104.188 1.582s1.187.344 1.697.074l9.453-5.13a38.8 38.8 0 0 0 19.971 8.306c1.032 3.48 2.057 6.966 3.096 10.442c.192.64.574.988 1.252.986c.677-.002 1.082-.597 1.252-1.149l3.043-10.271a38.74 38.74 0 0 0 20.076-8.318l9.492 5.154c.689.35 1.154.412 1.682-.11c.527-.521.458-1.168.12-1.667l-5.167-9.524a38.84 38.84 0 0 0 8.267-20.016l10.327-3.06c.734-.239 1.107-.524 1.11-1.266c.005-.742-.501-1.149-1.093-1.263l-10.373-3.075a38.84 38.84 0 0 0-8.287-19.955l5.129-9.447c.35-.688.412-1.154-.11-1.682c-.604-.525-1.111-.367-1.667-.119l-9.465 5.139a38.74 38.74 0 0 0-20.041-8.303L51.21.94c-.239-.735-.524-1.108-1.266-1.112m-.002 5.238V44a6 6 0 0 0-2.892.775l-6.244-7.912zm5.25 9.311a35.8 35.8 0 0 1 16.256 6.717l-12.289 6.67Zm-10.507.031l-3.944 13.305c-4.066-2.211-8.133-4.412-12.2-6.621a35.8 35.8 0 0 1 16.143-6.684m-26.481 3.795l19.568 19.531l-.01.03l-7.476 2.216zm44 19.55l-.094-.026l-2.199-7.42l21.82-12.08zm16.67-9.257a35.8 35.8 0 0 1 6.717 16.19l-13.356-3.96Zm-57.746.01l6.635 12.223l-13.368 3.962a35.8 35.8 0 0 1 6.733-16.185M63.01 40.772l31.922 9.171H56a6 6 0 0 0-.791-2.92zM44 49.943V50a6 6 0 0 0 .729 2.865l-7.899 6.217l-7.828-2.242l-23.996-6.871Zm41.623 5.248a35.8 35.8 0 0 1-6.709 16.243l-6.664-12.28Zm-71.232.004l13.355 3.957c-2.227 4.096-4.443 8.193-6.668 12.29a35.8 35.8 0 0 1-6.687-16.247m38.503.059l6.221 7.79l-2.262 7.897l-6.886 24.053l-.026-38.996c1.057.002 2.153-.274 2.953-.744m16.811 4.654l12.104 21.865L62.176 62.14Zm-31.953 2.297l2.23 7.522L18.16 81.834zm21.416 9.992l12.318 6.69a35.8 35.8 0 0 1-16.293 6.72Zm-18.438.053c1.317 4.454 2.642 8.901 3.96 13.354a35.8 35.8 0 0 1-16.17-6.724Z" color="currentColor"/>
</svg>
);Other libraries
Compass Rose in 2 more libraries
Each library draws it its own way. Open one to compare.
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 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 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 icon means and where it's used, then how to install, style and license it.
Install Compass Rose from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.