Skip to content
shadcn.io

Service

The service icon represents a service task in BPMN (Business Process Model and Notation) notation.

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

Set up MCP

Exports at 24 × 24 px

Service icon from BPMN
Get Pro

112 in BPMNOpen Font License license (opens in a new tab)Free to copy and download

Code

Service in your framework

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

export const ServiceIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2000 2000" fill="none" stroke="currentColor" {...props}>
    <path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="70" d="M1130.71 627.789c-38.976-25.404-82.7-43.13-128.386-52.095l.591-102.517h-142.26h0l.267 103.322c-22.455 4.662-44.772 11.39-66.634 20.506c-21.861 9.145-42.217 20.327-61.158 32.966l-74.256-73.362l-99.45 100.026l74.164 73.264c-25.558 38.817-43.358 82.212-52.35 127.764l-105.291.19V998.58l106.158-.382c4.655 22.218 11.411 44.494 20.585 66.175c9.22 21.82 20.401 42.082 33.18 60.847"/><g fill="none" stroke="currentColor" strokeWidth="62.717" transform="translate(91.594 974.827)scale(1.11612)"><path strokeLinecap="round" d="M997.93 547.347v-97.233c20.037-4 40.034-10.123 59.58-18.235c19.587-8.209 37.866-18.236 54.959-29.592l67.921 66.967l89.145-89.487l-67.963-66.973a322.2 322.2 0 0 0 46.944-114.535l92.253-.568V71.73l-93.07.568c-4.17-19.95-10.142-39.738-18.402-59.23c-8.26-19.526-18.279-37.705-29.728-54.604l64.323-64.485l-90.044-88.696l-64.242 64.461c-34.921-22.76-74.096-38.642-115.029-46.675l.529-91.85H867.648l.239 92.572c-20.119 4.177-40.115 10.202-59.702 18.37c-19.587 8.194-37.825 18.213-54.796 29.537l-66.53-65.73l-89.104 89.62l66.45 65.642C641.304-3.993 625.356 34.889 617.3 75.7l-94.338.17v126.084l95.115-.34c4.17 19.906 10.223 39.863 18.442 59.288c8.26 19.549 18.279 37.704 29.729 54.517L598.04 383.36l90.085 88.536l68.044-67.73c34.922 22.897 74.097 38.722 115.07 46.723l.043 96.414c42.195.32 126.647.043 126.647.043z"/><ellipse cx="932.387" cy="134.257" strokeDashoffset="700" strokeLinecap="square" rx="109.88" ry="109.879"/></g>
  </svg>
);

Other libraries

Service in 5 more libraries

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

  • Service icon from Huge Icons
  • Service icon from TDesign Icons
  • Service icon from Lineicons
  • Service icon from Element Plus
  • Service icon from EOS Icons

BPMN

More like it

Icons that share its tags, in the same style.

All 112 icons
  • Service Task icon from BPMN
  • Space Tool icon from BPMN
  • Start Event icon from BPMN
  • Start Event Compensation icon from BPMN
  • Task icon from BPMN
  • Task None icon from BPMN
  • User Task icon from BPMN
  • Business Rule Task icon from BPMN
  • Lane Insert Below icon from BPMN
  • Receive Task icon from BPMN
  • Script Task icon from BPMN
  • Send Task icon from BPMN
  • Transaction icon from BPMN
  • Ad Hoc Marker icon from BPMN
  • Business Rule icon from BPMN
  • Call Activity icon from BPMN
  • Intermediate Event Catch Cancel icon from BPMN
  • Intermediate Event Catch Compensation icon from BPMN
  • Intermediate Event Catch Parallel Multiple icon from BPMN
  • Intermediate Event Catch Signal icon from BPMN
  • Intermediate Event Catch Timer icon from BPMN
  • Intermediate Event None icon from BPMN
  • Intermediate Event Non Interrupting icon from BPMN
  • Intermediate Event Throw Compensation icon from BPMN

Search BPMN

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

Get Pro

Tags

Browse by tag

Service is tagged business, workflow, service and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

BPMN MCP, with Pro

Ask for Service or any of 112 BPMN 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 Service icon means and where it's used, then how to install, style and license it.

Install Service from a prompt

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

Get Pro