Skip to content

Protocol icons for React.

129 free protocol icons from 34 libraries, Material Symbols, Tabler Icons and Simple Icons among them. Open one to copy it as SVG or React, or install it with the shadcn CLI.

Add shadcn.io to your AI agent. · Pro It finds and installs the protocol icon you describe, from any library, with Pro.

Set up MCP

112 icons · every library

  • Http icon from Material Symbols
  • Sip icon from Material Symbols
  • Brand Oauth icon from Tabler Icons
  • Http Connect icon from Tabler Icons
  • Http Connect Off icon from Tabler Icons
  • Http Delete icon from Tabler Icons
  • Http Delete Off icon from Tabler Icons
  • Http Get icon from Tabler Icons
  • Http Get Off icon from Tabler Icons
  • Http Que icon from Tabler Icons
  • Http Que Off icon from Tabler Icons
  • Http Trace icon from Tabler Icons
  • Http Trace Off icon from Tabler Icons
  • Activitypub icon from Simple Icons
  • Handshake Protocol icon from Simple Icons
  • Ipfs icon from Simple Icons
  • Jabber icon from Simple Icons
  • Modelcontextprotocol icon from Simple Icons
  • Mqtt icon from Simple Icons
  • Protodotio icon from Simple Icons
  • Trpc icon from Simple Icons
  • Xmpp icon from Simple Icons
  • Protocol Handler 16 Filled icon from Fluent UI System Icons
  • Dns icon from Material Symbols Light
  • Http icon from Material Symbols Light
  • Anythingtopip icon from Arcticons
  • Plainupnp icon from Arcticons
  • Primitiveftpd icon from Arcticons
  • Scp icon from Arcticons
  • Totalcmd Ftp icon from Arcticons
  • Totalcmd Sftp icon from Arcticons
  • Xmpp icon from Arcticons
  • Xmpp Alt icon from Arcticons
  • Baseline Http icon from Google Material Icons
  • Baseline Https icon from Google Material Icons
  • Outline Http icon from Google Material Icons
  • Outline Https icon from Google Material Icons
  • Outline Sip icon from Google Material Icons
  • Round Http icon from Google Material Icons
  • Round Https icon from Google Material Icons
  • Sharp Dialer Sip icon from Google Material Icons
  • Sharp Http icon from Google Material Icons
  • Ip icon from Material Design Icons
  • Multicast icon from Material Design Icons
  • Protocol icon from Material Design Icons
  • Ssh icon from Material Design Icons
  • Xmpp icon from Material Design Icons
  • Mcp Fill icon from MingCute Icon
  • Mqtt Fill icon from MingCute Icon
  • Assembly Point icon from Health Icons
  • Assembly Point Negative icon from Health Icons
  • Rdt Result Pf icon from Health Icons
  • Multicast icon from IconPark Outline
  • Unicast icon from IconPark Outline
  • Api  1 icon from Carbon
  • Hanging Protocol icon from Carbon
  • Http icon from Carbon
  • Iot Connect icon from Carbon
  • Ip icon from Carbon
  • Network Time Protocol icon from Carbon
  • Tcp Ip Service icon from Carbon
  • Https icon from TDesign Icons
  • Sip icon from TDesign Icons
  • Ftp icon from WebHostingHub Glyphs
  • Ssh icon from WebHostingHub Glyphs
  • Sslmanager icon from WebHostingHub Glyphs
  • Torigate icon from WebHostingHub Glyphs
  • Pawth icon from Web3 Icons Branded
  • Sdl icon from Web3 Icons Branded
  • Sdn icon from Web3 Icons Branded
  • Seed icon from Web3 Icons Branded
  • Sei icon from Web3 Icons Branded
  • Sei Network icon from Web3 Icons Branded
  • Grpc icon from SVG Logos
  • Ring icon from Web3 Icons
  • Rite icon from Web3 Icons
  • Soneium icon from Web3 Icons
  • Modbus icon from Custom Brand Icons
  • Mosquitto icon from Custom Brand Icons
  • Mqtt icon from Custom Brand Icons
  • Oauth icon from Custom Brand Icons
  • Zigbee2mqtt icon from Custom Brand Icons
  • Mqtt icon from Siemens Industrial Experience Icons
  • Capnp icon from Material Icon Theme
  • Http icon from Material Icon Theme
  • Payload icon from Material Icon Theme
  • Proto icon from Material Icon Theme
  • Grpc icon from Devicon
  • Ssh icon from Devicon
  • Ssh Wordmark icon from Devicon
  • Server Sftp Folder icon from Freehand free icons
  • Ttcn  3 icon from File Icons
  • Walt icon from File Icons
  • Filezilla icon from CoreUI Brands
  • Http icon from Material Design Iconic Font
  • Phone Sip icon from Material Design Iconic Font
  • Dovecot icon from Devicon Plain
  • Logo Osi icon from Gravity UI Icons
  • Folder Proto icon from Catppuccin Icons
  • Folder Proto Open icon from Catppuccin Icons
  • Proto icon from Catppuccin Icons
  • Prototools icon from Catppuccin Icons
  • Openid icon from Font Awesome 6 Brands
  • Ip icon from OpenSearch UI
  • Activitypub Dark icon from Skill Icons
  • Activitypub Light icon from Skill Icons
  • Ip icon from EOS Icons
  • Ip Outlined icon from EOS Icons
  • Social Distancing Correct  4 icon from Covid Icons
  • Social Distancing Correct  5 icon from Covid Icons
  • Social Distancing Correct  6 icon from Covid Icons
  • Crossws icon from UnJS Logos
All 112 shown
  • 112 designs, one style each
  • From 34 libraries
  • 84% under permissive licenses
  • 129 icons in every style

Libraries

Protocol icons in each library

How each set draws protocol: http, ip, mqtt and ssh and more. Open one to see only its icons.

26 more libraries

Skip the browsing. With Pro, your AI agent finds the protocol icon you describe in any library and installs it.

Get Pro

Tags

Tags the same icons carry, closest to protocol first.

Pricing

Protocol icons MCP, with Pro

Your agent finds the protocol icon you describe in any of 34 libraries and installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates.

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

About protocol icons: how many there are, which libraries draw them, and how to use and license them.

Install any protocol icon from a prompt

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

Get Pro