codebuddy logo
codebuddy-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- codebuddy-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
The same logo in other sets
Use the codebuddy logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID13)" d="M18.821 0H5.18A5.179 5.179 0 000 5.179V18.82A5.179 5.179 0 005.179 24H18.82A5.179 5.179 0 0024 18.821V5.18A5.179 5.179 0 0018.821 0z"/><path fill="#fff" d="M18.777 1.647c.28-.02.536.114.972.51 1.018.926 2.437 2.828 3.318 4.452l.34.631.482.24.11.06v3.638a5.206 5.206 0 00-5.32-1.23c-.491.166-1.021.471-2.08 1.082l-6.09 3.516c-1.057.61-1.586.916-1.975 1.259a5.208 5.208 0 00-1.493 5.572c.165.49.471 1.02 1.082 2.08l.315.543h-3.26c-.685 0-1.34-.135-1.939-.377-.169-.956-.009-1.789.469-2.335.158-.18.164-.189.13-.493a11.846 11.846 0 01-.057-1.711l.02-.444-.667-1.18C2.1 15.622 1.445 14.078 1.192 12.9c-.133-.647-.125-.934.04-1.146.1-.128.427-.261.822-.334.994-.175 3.162-.017 5.575.41l.25.043.551-.487c.915-.81 1.522-1.264 2.641-1.962 1.167-.73 2.484-1.331 3.967-1.807l.476-.152.261-.688c.937-2.471 1.896-4.293 2.58-4.9.235-.21.25-.22.422-.23z"/><path fill="#fff" d="M12.139 18.2a1.203 1.203 0 011.642.44l1.296 2.243a1.204 1.204 0 01-2.083 1.203l-1.296-2.243a1.203 1.203 0 01.44-1.644zM18.629 14.452a1.203 1.203 0 011.642.44l1.295 2.244a1.203 1.203 0 11-2.083 1.203l-1.295-2.243a1.203 1.203 0 01.44-1.644z"/><defs><radialGradient id="svgID13" cx="0" cy="0" r="1" gradientTransform="matrix(-9.00009 -16 16 -9.00009 21 24.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#2ea99d"/><stop offset="1" stop-color="#6c4dff"/></radialGradient></defs></svg>
React
import type { SVGProps } from "react";
export function LobehubCodebuddyColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID13)" d="M18.821 0H5.18A5.179 5.179 0 000 5.179V18.82A5.179 5.179 0 005.179 24H18.82A5.179 5.179 0 0024 18.821V5.18A5.179 5.179 0 0018.821 0z"/><path fill="#fff" d="M18.777 1.647c.28-.02.536.114.972.51 1.018.926 2.437 2.828 3.318 4.452l.34.631.482.24.11.06v3.638a5.206 5.206 0 00-5.32-1.23c-.491.166-1.021.471-2.08 1.082l-6.09 3.516c-1.057.61-1.586.916-1.975 1.259a5.208 5.208 0 00-1.493 5.572c.165.49.471 1.02 1.082 2.08l.315.543h-3.26c-.685 0-1.34-.135-1.939-.377-.169-.956-.009-1.789.469-2.335.158-.18.164-.189.13-.493a11.846 11.846 0 01-.057-1.711l.02-.444-.667-1.18C2.1 15.622 1.445 14.078 1.192 12.9c-.133-.647-.125-.934.04-1.146.1-.128.427-.261.822-.334.994-.175 3.162-.017 5.575.41l.25.043.551-.487c.915-.81 1.522-1.264 2.641-1.962 1.167-.73 2.484-1.331 3.967-1.807l.476-.152.261-.688c.937-2.471 1.896-4.293 2.58-4.9.235-.21.25-.22.422-.23z"/><path fill="#fff" d="M12.139 18.2a1.203 1.203 0 011.642.44l1.296 2.243a1.204 1.204 0 01-2.083 1.203l-1.296-2.243a1.203 1.203 0 01.44-1.644zM18.629 14.452a1.203 1.203 0 011.642.44l1.295 2.244a1.203 1.203 0 11-2.083 1.203l-1.295-2.243a1.203 1.203 0 01.44-1.644z"/><defs><radialGradient id="svgID13" cx="0" cy="0" r="1" gradientTransform="matrix(-9.00009 -16 16 -9.00009 21 24.5)" gradientUnits="userSpaceOnUse"><stop stopColor="#2ea99d"/><stop offset="1" stopColor="#6c4dff"/></radialGradient></defs></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID13)" d="M18.821 0H5.18A5.179 5.179 0 000 5.179V18.82A5.179 5.179 0 005.179 24H18.82A5.179 5.179 0 0024 18.821V5.18A5.179 5.179 0 0018.821 0z"/><path fill="#fff" d="M18.777 1.647c.28-.02.536.114.972.51 1.018.926 2.437 2.828 3.318 4.452l.34.631.482.24.11.06v3.638a5.206 5.206 0 00-5.32-1.23c-.491.166-1.021.471-2.08 1.082l-6.09 3.516c-1.057.61-1.586.916-1.975 1.259a5.208 5.208 0 00-1.493 5.572c.165.49.471 1.02 1.082 2.08l.315.543h-3.26c-.685 0-1.34-.135-1.939-.377-.169-.956-.009-1.789.469-2.335.158-.18.164-.189.13-.493a11.846 11.846 0 01-.057-1.711l.02-.444-.667-1.18C2.1 15.622 1.445 14.078 1.192 12.9c-.133-.647-.125-.934.04-1.146.1-.128.427-.261.822-.334.994-.175 3.162-.017 5.575.41l.25.043.551-.487c.915-.81 1.522-1.264 2.641-1.962 1.167-.73 2.484-1.331 3.967-1.807l.476-.152.261-.688c.937-2.471 1.896-4.293 2.58-4.9.235-.21.25-.22.422-.23z"/><path fill="#fff" d="M12.139 18.2a1.203 1.203 0 011.642.44l1.296 2.243a1.204 1.204 0 01-2.083 1.203l-1.296-2.243a1.203 1.203 0 01.44-1.644zM18.629 14.452a1.203 1.203 0 011.642.44l1.295 2.244a1.203 1.203 0 11-2.083 1.203l-1.295-2.243a1.203 1.203 0 01.44-1.644z"/><defs><radialGradient id="svgID13" cx="0" cy="0" r="1" gradientTransform="matrix(-9.00009 -16 16 -9.00009 21 24.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#2ea99d"/><stop offset="1" stop-color="#6c4dff"/></radialGradient></defs></svg> </template>
CSS
.icon-codebuddy-color {
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%22url(%23svgID13)%22%20d%3D%22M18.821%200H5.18A5.179%205.179%200%20000%205.179V18.82A5.179%205.179%200%20005.179%2024H18.82A5.179%205.179%200%200024%2018.821V5.18A5.179%205.179%200%200018.821%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.777%201.647c.28-.02.536.114.972.51%201.018.926%202.437%202.828%203.318%204.452l.34.631.482.24.11.06v3.638a5.206%205.206%200%2000-5.32-1.23c-.491.166-1.021.471-2.08%201.082l-6.09%203.516c-1.057.61-1.586.916-1.975%201.259a5.208%205.208%200%2000-1.493%205.572c.165.49.471%201.02%201.082%202.08l.315.543h-3.26c-.685%200-1.34-.135-1.939-.377-.169-.956-.009-1.789.469-2.335.158-.18.164-.189.13-.493a11.846%2011.846%200%2001-.057-1.711l.02-.444-.667-1.18C2.1%2015.622%201.445%2014.078%201.192%2012.9c-.133-.647-.125-.934.04-1.146.1-.128.427-.261.822-.334.994-.175%203.162-.017%205.575.41l.25.043.551-.487c.915-.81%201.522-1.264%202.641-1.962%201.167-.73%202.484-1.331%203.967-1.807l.476-.152.261-.688c.937-2.471%201.896-4.293%202.58-4.9.235-.21.25-.22.422-.23z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.139%2018.2a1.203%201.203%200%20011.642.44l1.296%202.243a1.204%201.204%200%2001-2.083%201.203l-1.296-2.243a1.203%201.203%200%2001.44-1.644zM18.629%2014.452a1.203%201.203%200%20011.642.44l1.295%202.244a1.203%201.203%200%2011-2.083%201.203l-1.295-2.243a1.203%201.203%200%2001.44-1.644z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22svgID13%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-9.00009%20-16%2016%20-9.00009%2021%2024.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232ea99d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236c4dff%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%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%22url(%23svgID13)%22%20d%3D%22M18.821%200H5.18A5.179%205.179%200%20000%205.179V18.82A5.179%205.179%200%20005.179%2024H18.82A5.179%205.179%200%200024%2018.821V5.18A5.179%205.179%200%200018.821%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.777%201.647c.28-.02.536.114.972.51%201.018.926%202.437%202.828%203.318%204.452l.34.631.482.24.11.06v3.638a5.206%205.206%200%2000-5.32-1.23c-.491.166-1.021.471-2.08%201.082l-6.09%203.516c-1.057.61-1.586.916-1.975%201.259a5.208%205.208%200%2000-1.493%205.572c.165.49.471%201.02%201.082%202.08l.315.543h-3.26c-.685%200-1.34-.135-1.939-.377-.169-.956-.009-1.789.469-2.335.158-.18.164-.189.13-.493a11.846%2011.846%200%2001-.057-1.711l.02-.444-.667-1.18C2.1%2015.622%201.445%2014.078%201.192%2012.9c-.133-.647-.125-.934.04-1.146.1-.128.427-.261.822-.334.994-.175%203.162-.017%205.575.41l.25.043.551-.487c.915-.81%201.522-1.264%202.641-1.962%201.167-.73%202.484-1.331%203.967-1.807l.476-.152.261-.688c.937-2.471%201.896-4.293%202.58-4.9.235-.21.25-.22.422-.23z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.139%2018.2a1.203%201.203%200%20011.642.44l1.296%202.243a1.204%201.204%200%2001-2.083%201.203l-1.296-2.243a1.203%201.203%200%2001.44-1.644zM18.629%2014.452a1.203%201.203%200%20011.642.44l1.295%202.244a1.203%201.203%200%2011-2.083%201.203l-1.295-2.243a1.203%201.203%200%2001.44-1.644z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22svgID13%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-9.00009%20-16%2016%20-9.00009%2021%2024.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232ea99d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236c4dff%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/codebuddy-color.svg?color=%231a73e8&size=48
