Skip to content
shadcn.io

Contact Book

The contact-book icon represents a collection of contacts or a phonebook, used for storing and organizing contact information.

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

Set up MCP

Exports at 24 × 24 px

Contact Book icon from Flex free icons

Code

Contact Book in your framework

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

export const ContactBookIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 14 14" fill="none" stroke="currentColor" {...props}>
    <g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"><path d="M9.692 13.01a.98.98 0 0 0 .88-.917c.101-1.65.155-3.258.155-5.093s-.054-3.443-.156-5.093a.98.98 0 0 0-.88-.917a38 38 0 0 0-7.906 0a.98.98 0 0 0-.879.917C.804 3.557.75 5.165.75 7s.054 3.443.156 5.093c.03.48.4.869.88.917c2.748.275 5.157.275 7.906 0m1.035-11h1.467c.34 0 .67.169.81.48c.36.792.306 1.548-.043 2.714a.97.97 0 0 1-.935.682h-1.299z"/><path d="M10.727 5.886h1.467c.34 0 .67.169.81.48c.36.792.306 1.548-.043 2.714a.97.97 0 0 1-.935.682h-1.299zM4.301 3.441h2.874s.75 0 .75.75v1.01s0 .75-.75.75H4.301s-.75 0-.75-.75v-1.01s0-.75.75-.75"/></g>
  </svg>
);

Other libraries

Contact Book in 6 more libraries

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

  • Contact Book icon from Huge Icons
  • Contact Book icon from Font Awesome Solid
  • Contact Book icon from Sharp free icons
  • Contact Book icon from Mage Icons
  • Contact Book icon from SmartIcons Glyph
  • Contact Book icon from Font Awesome Regular

Flex free icons

Icons that share its tags, in the same style.

  • Contact Book Remix icon from Flex free icons
  • Contact Phonebook  2 icon from Flex free icons
  • Contact Phonebook 2 Remix icon from Flex free icons
  • Chat Bubble Square Phone icon from Flex free icons
  • Chat Bubble Square Phone Remix icon from Flex free icons
  • Phone Rotate Mobile icon from Flex free icons
  • Phone Rotate Mobile Remix icon from Flex free icons
  • Phone Shield icon from Flex free icons
  • Phone Shield Remix icon from Flex free icons
  • Transfer Forwarding Call icon from Flex free icons
  • Transfer Forwarding Call Remix icon from Flex free icons
  • Add To Playlist Remix icon from Flex free icons
  • Align Back  1 icon from Flex free icons
  • Align Back 1 Remix icon from Flex free icons
  • Align Selection icon from Flex free icons
  • Align Selection Remix icon from Flex free icons
  • Align Text Top icon from Flex free icons
  • Arrow Cursor  2 icon from Flex free icons
  • Arrow Cursor 2 Remix icon from Flex free icons
  • Arrow Cursor Click  2 icon from Flex free icons
  • Arrow Cursor Click 2 Remix icon from Flex free icons
  • Arrow Cursor Move icon from Flex free icons
  • Arrow Cursor Move Remix icon from Flex free icons
  • Arrow Expand icon from Flex free icons

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

Get Pro

Tags

Browse by tag

Contact Book is tagged UI, interface, UX and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Flex free icons MCP, with Pro

Ask for Contact Book or any of 1,500 Flex free icons 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 Contact Book icon means and where it's used, then how to install, style and license it.

Install Contact Book from a prompt

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

Get Pro