bocha logo
bocha from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- bocha
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the bocha logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M6.98 2c2.351.265 3.905 1.955 3.987 4.31a.035.035 0 00.019.031.036.036 0 00.036-.001c5.432-3.05 12.168.3 12.921 6.48.31 2.535-.668 5.04-2.33 6.946-1.41 1.619-3.653 2.561-5.763 2.738h-.996c-3.945-.28-7.106-2.99-7.99-6.805a.302.302 0 00-.078-.145l.013-.027a.114.114 0 00.01-.055l-.162-2.05.014-8.569L6.666 2h.314zm14.102 17.852c-.32-.386-.527-.643-.62-.773-.74-1.011-1.058-2.195-.952-3.552.044-.57.296-1.117.263-1.744-.146-2.74-2.503-4.64-5.21-4.232-1.772.268-3.215 1.678-3.61 3.4a4.44 4.44 0 001.574 4.488c1.119.879 2.37 1.166 3.753.86.675-.15 1.04-.226 1.096-.23 1.126-.083 2.098.273 2.918 1.069.486.472.74.718.763.738a.017.017 0 00.024 0 .017.017 0 000-.024z"/><path fill-opacity=".35" d="M6.661 4.854l-.014 8.568-2.921-5.847-1.488-3.048a.106.106 0 01.022-.124.11.11 0 01.037-.024c1.57-.602 3.025-.444 4.364.475z"/><path fill-opacity=".21" d="M3.726 7.575l2.921 5.847.161 2.05a.114.114 0 01-.01.055l-.012.027L.02 8.821a.07.07 0 01.001-.1C1.064 7.747 2.3 7.365 3.726 7.576z"/></g></svg>
React
import type { SVGProps } from "react";
export function LobehubBocha(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd"><path d="M6.98 2c2.351.265 3.905 1.955 3.987 4.31a.035.035 0 00.019.031.036.036 0 00.036-.001c5.432-3.05 12.168.3 12.921 6.48.31 2.535-.668 5.04-2.33 6.946-1.41 1.619-3.653 2.561-5.763 2.738h-.996c-3.945-.28-7.106-2.99-7.99-6.805a.302.302 0 00-.078-.145l.013-.027a.114.114 0 00.01-.055l-.162-2.05.014-8.569L6.666 2h.314zm14.102 17.852c-.32-.386-.527-.643-.62-.773-.74-1.011-1.058-2.195-.952-3.552.044-.57.296-1.117.263-1.744-.146-2.74-2.503-4.64-5.21-4.232-1.772.268-3.215 1.678-3.61 3.4a4.44 4.44 0 001.574 4.488c1.119.879 2.37 1.166 3.753.86.675-.15 1.04-.226 1.096-.23 1.126-.083 2.098.273 2.918 1.069.486.472.74.718.763.738a.017.017 0 00.024 0 .017.017 0 000-.024z"/><path fillOpacity=".35" d="M6.661 4.854l-.014 8.568-2.921-5.847-1.488-3.048a.106.106 0 01.022-.124.11.11 0 01.037-.024c1.57-.602 3.025-.444 4.364.475z"/><path fillOpacity=".21" d="M3.726 7.575l2.921 5.847.161 2.05a.114.114 0 01-.01.055l-.012.027L.02 8.821a.07.07 0 01.001-.1C1.064 7.747 2.3 7.365 3.726 7.576z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M6.98 2c2.351.265 3.905 1.955 3.987 4.31a.035.035 0 00.019.031.036.036 0 00.036-.001c5.432-3.05 12.168.3 12.921 6.48.31 2.535-.668 5.04-2.33 6.946-1.41 1.619-3.653 2.561-5.763 2.738h-.996c-3.945-.28-7.106-2.99-7.99-6.805a.302.302 0 00-.078-.145l.013-.027a.114.114 0 00.01-.055l-.162-2.05.014-8.569L6.666 2h.314zm14.102 17.852c-.32-.386-.527-.643-.62-.773-.74-1.011-1.058-2.195-.952-3.552.044-.57.296-1.117.263-1.744-.146-2.74-2.503-4.64-5.21-4.232-1.772.268-3.215 1.678-3.61 3.4a4.44 4.44 0 001.574 4.488c1.119.879 2.37 1.166 3.753.86.675-.15 1.04-.226 1.096-.23 1.126-.083 2.098.273 2.918 1.069.486.472.74.718.763.738a.017.017 0 00.024 0 .017.017 0 000-.024z"/><path fill-opacity=".35" d="M6.661 4.854l-.014 8.568-2.921-5.847-1.488-3.048a.106.106 0 01.022-.124.11.11 0 01.037-.024c1.57-.602 3.025-.444 4.364.475z"/><path fill-opacity=".21" d="M3.726 7.575l2.921 5.847.161 2.05a.114.114 0 01-.01.055l-.012.027L.02 8.821a.07.07 0 01.001-.1C1.064 7.747 2.3 7.365 3.726 7.576z"/></g></svg> </template>
CSS
.icon-bocha {
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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M6.98%202c2.351.265%203.905%201.955%203.987%204.31a.035.035%200%2000.019.031.036.036%200%2000.036-.001c5.432-3.05%2012.168.3%2012.921%206.48.31%202.535-.668%205.04-2.33%206.946-1.41%201.619-3.653%202.561-5.763%202.738h-.996c-3.945-.28-7.106-2.99-7.99-6.805a.302.302%200%2000-.078-.145l.013-.027a.114.114%200%2000.01-.055l-.162-2.05.014-8.569L6.666%202h.314zm14.102%2017.852c-.32-.386-.527-.643-.62-.773-.74-1.011-1.058-2.195-.952-3.552.044-.57.296-1.117.263-1.744-.146-2.74-2.503-4.64-5.21-4.232-1.772.268-3.215%201.678-3.61%203.4a4.44%204.44%200%20001.574%204.488c1.119.879%202.37%201.166%203.753.86.675-.15%201.04-.226%201.096-.23%201.126-.083%202.098.273%202.918%201.069.486.472.74.718.763.738a.017.017%200%2000.024%200%20.017.017%200%20000-.024z%22%2F%3E%3Cpath%20fill-opacity%3D%22.35%22%20d%3D%22M6.661%204.854l-.014%208.568-2.921-5.847-1.488-3.048a.106.106%200%2001.022-.124.11.11%200%2001.037-.024c1.57-.602%203.025-.444%204.364.475z%22%2F%3E%3Cpath%20fill-opacity%3D%22.21%22%20d%3D%22M3.726%207.575l2.921%205.847.161%202.05a.114.114%200%2001-.01.055l-.012.027L.02%208.821a.07.07%200%2001.001-.1C1.064%207.747%202.3%207.365%203.726%207.576z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M6.98%202c2.351.265%203.905%201.955%203.987%204.31a.035.035%200%2000.019.031.036.036%200%2000.036-.001c5.432-3.05%2012.168.3%2012.921%206.48.31%202.535-.668%205.04-2.33%206.946-1.41%201.619-3.653%202.561-5.763%202.738h-.996c-3.945-.28-7.106-2.99-7.99-6.805a.302.302%200%2000-.078-.145l.013-.027a.114.114%200%2000.01-.055l-.162-2.05.014-8.569L6.666%202h.314zm14.102%2017.852c-.32-.386-.527-.643-.62-.773-.74-1.011-1.058-2.195-.952-3.552.044-.57.296-1.117.263-1.744-.146-2.74-2.503-4.64-5.21-4.232-1.772.268-3.215%201.678-3.61%203.4a4.44%204.44%200%20001.574%204.488c1.119.879%202.37%201.166%203.753.86.675-.15%201.04-.226%201.096-.23%201.126-.083%202.098.273%202.918%201.069.486.472.74.718.763.738a.017.017%200%2000.024%200%20.017.017%200%20000-.024z%22%2F%3E%3Cpath%20fill-opacity%3D%22.35%22%20d%3D%22M6.661%204.854l-.014%208.568-2.921-5.847-1.488-3.048a.106.106%200%2001.022-.124.11.11%200%2001.037-.024c1.57-.602%203.025-.444%204.364.475z%22%2F%3E%3Cpath%20fill-opacity%3D%22.21%22%20d%3D%22M3.726%207.575l2.921%205.847.161%202.05a.114.114%200%2001-.01.055l-.012.027L.02%208.821a.07.07%200%2001.001-.1C1.064%207.747%202.3%207.365%203.726%207.576z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/bocha.svg?color=%231a73e8&size=48
