Skip to content
shadcn.io

Coconut Tree

The coconut tree icon represents a tropical tree commonly found in coastal areas, known for its versatile uses and cultural significance.

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

Set up MCP

Exports at 24 × 24 px

Coconut Tree icon from IconPark
Get Pro

2,658 in IconParkApache 2.0 license (opens in a new tab)Free to copy and download

Code

Coconut Tree in your framework

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

export const CoconutTreeIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48" fill="none" stroke="currentColor" {...props}>
    <g fill="none" stroke="#000" strokeLinecap="round" strokeWidth="4"><path strokeLinejoin="round" d="M22 14.0001C22 14.0001 19.2998 19.2934 18 26.0001C16.7001 32.7068 17 42.0001 17 42.0001"/><path fill="#2F88FF" strokeLinejoin="round" d="M33.953 23.2722C34.2986 23.5017 34.8456 23.6634 35.3814 23.7751C36.3128 23.9692 37.1735 23.329 37.1492 22.3779C37.1041 20.6042 36.4122 17.7028 32.8908 15.3644C29.5662 13.1566 26.2646 13.1264 24.1832 13.4437C22.996 13.6247 22.5233 14.9219 23.2046 15.9109C23.8127 16.7937 24.5211 17.6853 25 17.8556C26 18.2111 27.2034 17.2737 28.0797 17.8556C28.956 18.4375 28.6953 19.7807 29.5716 20.3626C30.4479 20.9445 31.5848 20.1832 32.4611 20.7651C33.3373 21.3471 33.0767 22.6903 33.953 23.2722Z"/><path fill="#2F88FF" strokeLinejoin="round" d="M20.0002 16.9999C20.858 16.714 21.3888 15.7739 21.686 15.0214C21.9317 14.3995 21.7122 13.713 21.1366 13.3727C19.8409 12.6068 17.0755 11.5589 12.7616 12.8117C8.49748 14.05 7.37106 16.8675 7.08518 18.5267C6.95141 19.3031 7.48001 20.0054 8.263 20.0924C8.8239 20.1548 9.43921 20.1271 9.8069 19.815C10.6138 19.1302 10.8323 18.2326 11.7338 17.991C12.6353 17.7495 13.413 18.8488 14.3146 18.6072C15.2161 18.3657 15.3399 17.0248 16.2414 16.7832C17.143 16.5416 18.5002 17.4999 20.0002 16.9999Z"/><path fill="#2F88FF" strokeLinejoin="round" d="M27 6.00012C24.4995 7.00013 21.9993 12.0001 22.0001 14.0001L35.0009 8.00014C33.6202 5.60868 29.5005 5.00012 27 6.00012Z"/><path fill="#2F88FF" strokeLinejoin="round" d="M20 5.00012C24 6.42174 23.3809 11.6087 22.0002 14.0001L10.0005 5.92177C11.0005 4.00013 16 3.5785 20 5.00012Z"/><path d="M26 35C34.2843 35 39 36.7909 39 39C39 41.2091 32.2843 43 24 43C15.7157 43 9 41.2091 9 39C9 38.4608 9.40006 37.9465 10.1253 37.4771"/></g>
  </svg>
);

Other libraries

Coconut Tree in 3 more libraries

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

  • Coconut Tree icon from IconPark Outline
  • Coconut Tree icon from IconPark Solid
  • Coconut Tree icon from IconPark TwoTone

IconPark

More like it

Icons that share its tags, in the same style.

All 2,658 icons
  • Coat Hanger icon from IconPark
  • Cocktail icon from IconPark
  • Code icon from IconPark
  • Code Brackets icon from IconPark
  • Code Computer icon from IconPark
  • Code Download icon from IconPark
  • Code Laptop icon from IconPark
  • Code One icon from IconPark
  • Coffee Machine icon from IconPark
  • Lotus icon from IconPark
  • Hold icon from IconPark
  • Holding Hands icon from IconPark
  • Hold Interface icon from IconPark
  • Hold Seeds icon from IconPark
  • Holy Sword icon from IconPark
  • Bee icon from IconPark
  • Block icon from IconPark
  • Block Eight icon from IconPark
  • Block Five icon from IconPark
  • Block Four icon from IconPark
  • Block Nine icon from IconPark
  • Block One icon from IconPark
  • Block Seven icon from IconPark
  • Block Six icon from IconPark

Search IconPark

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

Get Pro

Tags

Browse by tag

Coconut Tree is tagged UI, multicolor, nature and 2 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

IconPark MCP, with Pro

Ask for Coconut Tree or any of 2,658 IconPark 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.

See full pricing

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 Coconut Tree icon means and where it's used, then how to install, style and license it.

Install Coconut Tree from a prompt

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

Get Pro