beekeeperstudio logo

beekeeperstudio from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
beekeeperstudio
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the beekeeperstudio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.01 4.624L13.853.504a3.72 3.72 0 0 0-3.741 0l-1.87 1.085v10.42a3.755 3.755 0 0 0 3.742 3.758a3.64 3.64 0 0 0 1.87-.509a3.74 3.74 0 0 0 1.871-3.249a3.755 3.755 0 0 0-3.741-3.758V5.904c.64 0 1.296.164 1.87.508l2.035 1.182a3.74 3.74 0 0 1 1.871 3.25v2.346a3.76 3.76 0 0 1-1.87 3.249l-2.036 1.182c-.574.328-1.23.508-1.87.508s-1.297-.164-1.871-.509l-2.035-1.18a3.74 3.74 0 0 1-1.87-3.25V2.754l-3.234 1.87a3.74 3.74 0 0 0-1.87 3.25v8.254c0 1.33.705 2.577 1.87 3.25l7.155 4.118a3.72 3.72 0 0 0 3.742 0l7.155-4.119a3.74 3.74 0 0 0 1.87-3.249V7.873a3.82 3.82 0 0 0-1.887-3.25M9.685 9.054a3.5 3.5 0 0 0-.558.542V6.97l.558-.328zm1.428-.689c-.197.05-.378.099-.558.18V6.184c.18-.082.377-.132.558-.18z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsBeekeeperstudio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.01 4.624L13.853.504a3.72 3.72 0 0 0-3.741 0l-1.87 1.085v10.42a3.755 3.755 0 0 0 3.742 3.758a3.64 3.64 0 0 0 1.87-.509a3.74 3.74 0 0 0 1.871-3.249a3.755 3.755 0 0 0-3.741-3.758V5.904c.64 0 1.296.164 1.87.508l2.035 1.182a3.74 3.74 0 0 1 1.871 3.25v2.346a3.76 3.76 0 0 1-1.87 3.249l-2.036 1.182c-.574.328-1.23.508-1.87.508s-1.297-.164-1.871-.509l-2.035-1.18a3.74 3.74 0 0 1-1.87-3.25V2.754l-3.234 1.87a3.74 3.74 0 0 0-1.87 3.25v8.254c0 1.33.705 2.577 1.87 3.25l7.155 4.118a3.72 3.72 0 0 0 3.742 0l7.155-4.119a3.74 3.74 0 0 0 1.87-3.249V7.873a3.82 3.82 0 0 0-1.887-3.25M9.685 9.054a3.5 3.5 0 0 0-.558.542V6.97l.558-.328zm1.428-.689c-.197.05-.378.099-.558.18V6.184c.18-.082.377-.132.558-.18z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.01 4.624L13.853.504a3.72 3.72 0 0 0-3.741 0l-1.87 1.085v10.42a3.755 3.755 0 0 0 3.742 3.758a3.64 3.64 0 0 0 1.87-.509a3.74 3.74 0 0 0 1.871-3.249a3.755 3.755 0 0 0-3.741-3.758V5.904c.64 0 1.296.164 1.87.508l2.035 1.182a3.74 3.74 0 0 1 1.871 3.25v2.346a3.76 3.76 0 0 1-1.87 3.249l-2.036 1.182c-.574.328-1.23.508-1.87.508s-1.297-.164-1.871-.509l-2.035-1.18a3.74 3.74 0 0 1-1.87-3.25V2.754l-3.234 1.87a3.74 3.74 0 0 0-1.87 3.25v8.254c0 1.33.705 2.577 1.87 3.25l7.155 4.118a3.72 3.72 0 0 0 3.742 0l7.155-4.119a3.74 3.74 0 0 0 1.87-3.249V7.873a3.82 3.82 0 0 0-1.887-3.25M9.685 9.054a3.5 3.5 0 0 0-.558.542V6.97l.558-.328zm1.428-.689c-.197.05-.378.099-.558.18V6.184c.18-.082.377-.132.558-.18z"/></svg>
</template>

CSS

.icon-beekeeperstudio {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.01%204.624L13.853.504a3.72%203.72%200%200%200-3.741%200l-1.87%201.085v10.42a3.755%203.755%200%200%200%203.742%203.758a3.64%203.64%200%200%200%201.87-.509a3.74%203.74%200%200%200%201.871-3.249a3.755%203.755%200%200%200-3.741-3.758V5.904c.64%200%201.296.164%201.87.508l2.035%201.182a3.74%203.74%200%200%201%201.871%203.25v2.346a3.76%203.76%200%200%201-1.87%203.249l-2.036%201.182c-.574.328-1.23.508-1.87.508s-1.297-.164-1.871-.509l-2.035-1.18a3.74%203.74%200%200%201-1.87-3.25V2.754l-3.234%201.87a3.74%203.74%200%200%200-1.87%203.25v8.254c0%201.33.705%202.577%201.87%203.25l7.155%204.118a3.72%203.72%200%200%200%203.742%200l7.155-4.119a3.74%203.74%200%200%200%201.87-3.249V7.873a3.82%203.82%200%200%200-1.887-3.25M9.685%209.054a3.5%203.5%200%200%200-.558.542V6.97l.558-.328zm1.428-.689c-.197.05-.378.099-.558.18V6.184c.18-.082.377-.132.558-.18z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.01%204.624L13.853.504a3.72%203.72%200%200%200-3.741%200l-1.87%201.085v10.42a3.755%203.755%200%200%200%203.742%203.758a3.64%203.64%200%200%200%201.87-.509a3.74%203.74%200%200%200%201.871-3.249a3.755%203.755%200%200%200-3.741-3.758V5.904c.64%200%201.296.164%201.87.508l2.035%201.182a3.74%203.74%200%200%201%201.871%203.25v2.346a3.76%203.76%200%200%201-1.87%203.249l-2.036%201.182c-.574.328-1.23.508-1.87.508s-1.297-.164-1.871-.509l-2.035-1.18a3.74%203.74%200%200%201-1.87-3.25V2.754l-3.234%201.87a3.74%203.74%200%200%200-1.87%203.25v8.254c0%201.33.705%202.577%201.87%203.25l7.155%204.118a3.72%203.72%200%200%200%203.742%200l7.155-4.119a3.74%203.74%200%200%200%201.87-3.249V7.873a3.82%203.82%200%200%200-1.887-3.25M9.685%209.054a3.5%203.5%200%200%200-.558.542V6.97l.558-.328zm1.428-.689c-.197.05-.378.099-.558.18V6.184c.18-.082.377-.132.558-.18z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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