bee icon

bee from Carbon by IBM · Outline · Brand · Apache-2.0 Free for personal and commercial use.

Name
bee
Set
Carbon
Style
Outline
Category
Brand
Viewbox
32×32
License
Apache 2.0

The same icon in other sets

beecss.ggbeeIconParkbeeIconPark OutlinebeeIconPark SolidbeeIconPark TwoTonebeeLucide LabbeeMaterial Design Icons

More brand icons from Carbon

carboncarbon-for-aemcarbon-for-ibm-dotcomcarbon-for-ibm-productcarbon-for-mobilecarbon-for-salesforcecarbon-ui-buildercloud-appedt-loopibm-cloudibm-partner-plusibm-securitylogo-angularlogo-ansible-communitylogo-astradblogo-blueskylogo-digglogo-discordlogo-facebooklogo-figmalogo-flickrlogo-gitlogo-githublogo-gitlab

Use the bee icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 10a6 6 0 0 0-6 6v8a6 6 0 0 0 12 0v-8a6 6 0 0 0-6-6m-4.25 7.87h8.5v4.25h-8.5ZM16 28.25A4.27 4.27 0 0 1 11.75 24v-.13h8.5V24A4.27 4.27 0 0 1 16 28.25m4.25-12.13h-8.5V16a4.25 4.25 0 0 1 8.5 0Zm10.41 3.09L24 13v9.1a4 4 0 0 0 8 0a3.83 3.83 0 0 0-1.34-2.89M28 24.35a2.25 2.25 0 0 1-2.25-2.25V17l3.72 3.47A2.05 2.05 0 0 1 30.2 22a2.25 2.25 0 0 1-2.2 2.35M0 22.1a4 4 0 0 0 8 0V13l-6.66 6.21A3.88 3.88 0 0 0 0 22.1m2.48-1.56L6.25 17v5.1a2.25 2.25 0 0 1-4.5 0a2.05 2.05 0 0 1 .73-1.56M15 5.5A3.5 3.5 0 1 0 11.5 9A3.5 3.5 0 0 0 15 5.5m-5.25 0a1.75 1.75 0 1 1 1.75 1.75A1.77 1.77 0 0 1 9.75 5.5M20.5 2A3.5 3.5 0 1 0 24 5.5A3.5 3.5 0 0 0 20.5 2m0 5.25a1.75 1.75 0 1 1 1.75-1.75a1.77 1.77 0 0 1-1.75 1.75"/></svg>

React

import type { SVGProps } from "react";

export function CarbonBee(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 10a6 6 0 0 0-6 6v8a6 6 0 0 0 12 0v-8a6 6 0 0 0-6-6m-4.25 7.87h8.5v4.25h-8.5ZM16 28.25A4.27 4.27 0 0 1 11.75 24v-.13h8.5V24A4.27 4.27 0 0 1 16 28.25m4.25-12.13h-8.5V16a4.25 4.25 0 0 1 8.5 0Zm10.41 3.09L24 13v9.1a4 4 0 0 0 8 0a3.83 3.83 0 0 0-1.34-2.89M28 24.35a2.25 2.25 0 0 1-2.25-2.25V17l3.72 3.47A2.05 2.05 0 0 1 30.2 22a2.25 2.25 0 0 1-2.2 2.35M0 22.1a4 4 0 0 0 8 0V13l-6.66 6.21A3.88 3.88 0 0 0 0 22.1m2.48-1.56L6.25 17v5.1a2.25 2.25 0 0 1-4.5 0a2.05 2.05 0 0 1 .73-1.56M15 5.5A3.5 3.5 0 1 0 11.5 9A3.5 3.5 0 0 0 15 5.5m-5.25 0a1.75 1.75 0 1 1 1.75 1.75A1.77 1.77 0 0 1 9.75 5.5M20.5 2A3.5 3.5 0 1 0 24 5.5A3.5 3.5 0 0 0 20.5 2m0 5.25a1.75 1.75 0 1 1 1.75-1.75a1.77 1.77 0 0 1-1.75 1.75"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 10a6 6 0 0 0-6 6v8a6 6 0 0 0 12 0v-8a6 6 0 0 0-6-6m-4.25 7.87h8.5v4.25h-8.5ZM16 28.25A4.27 4.27 0 0 1 11.75 24v-.13h8.5V24A4.27 4.27 0 0 1 16 28.25m4.25-12.13h-8.5V16a4.25 4.25 0 0 1 8.5 0Zm10.41 3.09L24 13v9.1a4 4 0 0 0 8 0a3.83 3.83 0 0 0-1.34-2.89M28 24.35a2.25 2.25 0 0 1-2.25-2.25V17l3.72 3.47A2.05 2.05 0 0 1 30.2 22a2.25 2.25 0 0 1-2.2 2.35M0 22.1a4 4 0 0 0 8 0V13l-6.66 6.21A3.88 3.88 0 0 0 0 22.1m2.48-1.56L6.25 17v5.1a2.25 2.25 0 0 1-4.5 0a2.05 2.05 0 0 1 .73-1.56M15 5.5A3.5 3.5 0 1 0 11.5 9A3.5 3.5 0 0 0 15 5.5m-5.25 0a1.75 1.75 0 1 1 1.75 1.75A1.77 1.77 0 0 1 9.75 5.5M20.5 2A3.5 3.5 0 1 0 24 5.5A3.5 3.5 0 0 0 20.5 2m0 5.25a1.75 1.75 0 1 1 1.75-1.75a1.77 1.77 0 0 1-1.75 1.75"/></svg>
</template>

CSS

.icon-bee {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2010a6%206%200%200%200-6%206v8a6%206%200%200%200%2012%200v-8a6%206%200%200%200-6-6m-4.25%207.87h8.5v4.25h-8.5ZM16%2028.25A4.27%204.27%200%200%201%2011.75%2024v-.13h8.5V24A4.27%204.27%200%200%201%2016%2028.25m4.25-12.13h-8.5V16a4.25%204.25%200%200%201%208.5%200Zm10.41%203.09L24%2013v9.1a4%204%200%200%200%208%200a3.83%203.83%200%200%200-1.34-2.89M28%2024.35a2.25%202.25%200%200%201-2.25-2.25V17l3.72%203.47A2.05%202.05%200%200%201%2030.2%2022a2.25%202.25%200%200%201-2.2%202.35M0%2022.1a4%204%200%200%200%208%200V13l-6.66%206.21A3.88%203.88%200%200%200%200%2022.1m2.48-1.56L6.25%2017v5.1a2.25%202.25%200%200%201-4.5%200a2.05%202.05%200%200%201%20.73-1.56M15%205.5A3.5%203.5%200%201%200%2011.5%209A3.5%203.5%200%200%200%2015%205.5m-5.25%200a1.75%201.75%200%201%201%201.75%201.75A1.77%201.77%200%200%201%209.75%205.5M20.5%202A3.5%203.5%200%201%200%2024%205.5A3.5%203.5%200%200%200%2020.5%202m0%205.25a1.75%201.75%200%201%201%201.75-1.75a1.77%201.77%200%200%201-1.75%201.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2010a6%206%200%200%200-6%206v8a6%206%200%200%200%2012%200v-8a6%206%200%200%200-6-6m-4.25%207.87h8.5v4.25h-8.5ZM16%2028.25A4.27%204.27%200%200%201%2011.75%2024v-.13h8.5V24A4.27%204.27%200%200%201%2016%2028.25m4.25-12.13h-8.5V16a4.25%204.25%200%200%201%208.5%200Zm10.41%203.09L24%2013v9.1a4%204%200%200%200%208%200a3.83%203.83%200%200%200-1.34-2.89M28%2024.35a2.25%202.25%200%200%201-2.25-2.25V17l3.72%203.47A2.05%202.05%200%200%201%2030.2%2022a2.25%202.25%200%200%201-2.2%202.35M0%2022.1a4%204%200%200%200%208%200V13l-6.66%206.21A3.88%203.88%200%200%200%200%2022.1m2.48-1.56L6.25%2017v5.1a2.25%202.25%200%200%201-4.5%200a2.05%202.05%200%200%201%20.73-1.56M15%205.5A3.5%203.5%200%201%200%2011.5%209A3.5%203.5%200%200%200%2015%205.5m-5.25%200a1.75%201.75%200%201%201%201.75%201.75A1.77%201.77%200%200%201%209.75%205.5M20.5%202A3.5%203.5%200%201%200%2024%205.5A3.5%203.5%200%200%200%2020.5%202m0%205.25a1.75%201.75%200%201%201%201.75-1.75a1.77%201.77%200%200%201-1.75%201.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/bee.svg?color=%231a73e8&size=48