openclaw logo
openclaw-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- openclaw-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the openclaw logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID2)" d="M12 2.568c-6.33 0-9.495 5.275-9.495 9.495 0 4.22 3.165 8.44 6.33 9.494v2.11h2.11v-2.11s1.055.422 2.11 0v2.11h2.11v-2.11c3.165-1.055 6.33-5.274 6.33-9.494S18.33 2.568 12 2.568z"/><path fill="url(#svgID3)" d="M3.56 9.953C.396 8.898-.66 11.008.396 13.118c1.055 2.11 3.164 1.055 4.22-1.055.632-1.477 0-2.11-1.056-2.11z"/><path fill="url(#svgID4)" d="M20.44 9.953c3.164-1.055 4.22 1.055 3.164 3.165-1.055 2.11-3.164 1.055-4.22-1.055-.632-1.477 0-2.11 1.056-2.11z"/><path fill="#ff4d4d" d="M5.507 1.875c.476-.285 1.036-.233 1.615.037.577.27 1.223.774 1.937 1.488a.316.316 0 01-.447.447c-.693-.693-1.279-1.138-1.757-1.361-.475-.222-.795-.205-1.022-.069a.317.317 0 01-.326-.542zM16.877 1.913c.58-.27 1.14-.323 1.616-.038a.317.317 0 01-.326.542c-.227-.136-.547-.153-1.022.069-.478.223-1.064.668-1.756 1.361a.316.316 0 11-.448-.447c.714-.714 1.36-1.218 1.936-1.487z"/><path fill="#050810" d="M8.835 9.109a1.266 1.266 0 100-2.532 1.266 1.266 0 000 2.532zM15.165 9.109a1.266 1.266 0 100-2.532 1.266 1.266 0 000 2.532z"/><path fill="#00e5cc" d="M9.046 8.16a.527.527 0 100-1.056.527.527 0 000 1.055zM15.376 8.16a.527.527 0 100-1.055.527.527 0 000 1.054z"/><defs><linearGradient id="svgID2" x1="-.659" x2="27.023" y1=".458" y2="22.855" gradientUnits="userSpaceOnUse"><stop stop-color="#ff4d4d"/><stop offset="1" stop-color="#991b1b"/></linearGradient><linearGradient id="svgID3" x1="0" x2="4.311" y1="9.672" y2="14.949" gradientUnits="userSpaceOnUse"><stop stop-color="#ff4d4d"/><stop offset="1" stop-color="#991b1b"/></linearGradient><linearGradient id="svgID4" x1="19.385" x2="24.399" y1="9.953" y2="14.462" gradientUnits="userSpaceOnUse"><stop stop-color="#ff4d4d"/><stop offset="1" stop-color="#991b1b"/></linearGradient></defs></svg>
React
import type { SVGProps } from "react";
export function LobehubOpenclawColor(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(#svgID2)" d="M12 2.568c-6.33 0-9.495 5.275-9.495 9.495 0 4.22 3.165 8.44 6.33 9.494v2.11h2.11v-2.11s1.055.422 2.11 0v2.11h2.11v-2.11c3.165-1.055 6.33-5.274 6.33-9.494S18.33 2.568 12 2.568z"/><path fill="url(#svgID3)" d="M3.56 9.953C.396 8.898-.66 11.008.396 13.118c1.055 2.11 3.164 1.055 4.22-1.055.632-1.477 0-2.11-1.056-2.11z"/><path fill="url(#svgID4)" d="M20.44 9.953c3.164-1.055 4.22 1.055 3.164 3.165-1.055 2.11-3.164 1.055-4.22-1.055-.632-1.477 0-2.11 1.056-2.11z"/><path fill="#ff4d4d" d="M5.507 1.875c.476-.285 1.036-.233 1.615.037.577.27 1.223.774 1.937 1.488a.316.316 0 01-.447.447c-.693-.693-1.279-1.138-1.757-1.361-.475-.222-.795-.205-1.022-.069a.317.317 0 01-.326-.542zM16.877 1.913c.58-.27 1.14-.323 1.616-.038a.317.317 0 01-.326.542c-.227-.136-.547-.153-1.022.069-.478.223-1.064.668-1.756 1.361a.316.316 0 11-.448-.447c.714-.714 1.36-1.218 1.936-1.487z"/><path fill="#050810" d="M8.835 9.109a1.266 1.266 0 100-2.532 1.266 1.266 0 000 2.532zM15.165 9.109a1.266 1.266 0 100-2.532 1.266 1.266 0 000 2.532z"/><path fill="#00e5cc" d="M9.046 8.16a.527.527 0 100-1.056.527.527 0 000 1.055zM15.376 8.16a.527.527 0 100-1.055.527.527 0 000 1.054z"/><defs><linearGradient id="svgID2" x1="-.659" x2="27.023" y1=".458" y2="22.855" gradientUnits="userSpaceOnUse"><stop stopColor="#ff4d4d"/><stop offset="1" stopColor="#991b1b"/></linearGradient><linearGradient id="svgID3" x1="0" x2="4.311" y1="9.672" y2="14.949" gradientUnits="userSpaceOnUse"><stop stopColor="#ff4d4d"/><stop offset="1" stopColor="#991b1b"/></linearGradient><linearGradient id="svgID4" x1="19.385" x2="24.399" y1="9.953" y2="14.462" gradientUnits="userSpaceOnUse"><stop stopColor="#ff4d4d"/><stop offset="1" stopColor="#991b1b"/></linearGradient></defs></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID2)" d="M12 2.568c-6.33 0-9.495 5.275-9.495 9.495 0 4.22 3.165 8.44 6.33 9.494v2.11h2.11v-2.11s1.055.422 2.11 0v2.11h2.11v-2.11c3.165-1.055 6.33-5.274 6.33-9.494S18.33 2.568 12 2.568z"/><path fill="url(#svgID3)" d="M3.56 9.953C.396 8.898-.66 11.008.396 13.118c1.055 2.11 3.164 1.055 4.22-1.055.632-1.477 0-2.11-1.056-2.11z"/><path fill="url(#svgID4)" d="M20.44 9.953c3.164-1.055 4.22 1.055 3.164 3.165-1.055 2.11-3.164 1.055-4.22-1.055-.632-1.477 0-2.11 1.056-2.11z"/><path fill="#ff4d4d" d="M5.507 1.875c.476-.285 1.036-.233 1.615.037.577.27 1.223.774 1.937 1.488a.316.316 0 01-.447.447c-.693-.693-1.279-1.138-1.757-1.361-.475-.222-.795-.205-1.022-.069a.317.317 0 01-.326-.542zM16.877 1.913c.58-.27 1.14-.323 1.616-.038a.317.317 0 01-.326.542c-.227-.136-.547-.153-1.022.069-.478.223-1.064.668-1.756 1.361a.316.316 0 11-.448-.447c.714-.714 1.36-1.218 1.936-1.487z"/><path fill="#050810" d="M8.835 9.109a1.266 1.266 0 100-2.532 1.266 1.266 0 000 2.532zM15.165 9.109a1.266 1.266 0 100-2.532 1.266 1.266 0 000 2.532z"/><path fill="#00e5cc" d="M9.046 8.16a.527.527 0 100-1.056.527.527 0 000 1.055zM15.376 8.16a.527.527 0 100-1.055.527.527 0 000 1.054z"/><defs><linearGradient id="svgID2" x1="-.659" x2="27.023" y1=".458" y2="22.855" gradientUnits="userSpaceOnUse"><stop stop-color="#ff4d4d"/><stop offset="1" stop-color="#991b1b"/></linearGradient><linearGradient id="svgID3" x1="0" x2="4.311" y1="9.672" y2="14.949" gradientUnits="userSpaceOnUse"><stop stop-color="#ff4d4d"/><stop offset="1" stop-color="#991b1b"/></linearGradient><linearGradient id="svgID4" x1="19.385" x2="24.399" y1="9.953" y2="14.462" gradientUnits="userSpaceOnUse"><stop stop-color="#ff4d4d"/><stop offset="1" stop-color="#991b1b"/></linearGradient></defs></svg> </template>
CSS
.icon-openclaw-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(%23svgID2)%22%20d%3D%22M12%202.568c-6.33%200-9.495%205.275-9.495%209.495%200%204.22%203.165%208.44%206.33%209.494v2.11h2.11v-2.11s1.055.422%202.11%200v2.11h2.11v-2.11c3.165-1.055%206.33-5.274%206.33-9.494S18.33%202.568%2012%202.568z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID3)%22%20d%3D%22M3.56%209.953C.396%208.898-.66%2011.008.396%2013.118c1.055%202.11%203.164%201.055%204.22-1.055.632-1.477%200-2.11-1.056-2.11z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID4)%22%20d%3D%22M20.44%209.953c3.164-1.055%204.22%201.055%203.164%203.165-1.055%202.11-3.164%201.055-4.22-1.055-.632-1.477%200-2.11%201.056-2.11z%22%2F%3E%3Cpath%20fill%3D%22%23ff4d4d%22%20d%3D%22M5.507%201.875c.476-.285%201.036-.233%201.615.037.577.27%201.223.774%201.937%201.488a.316.316%200%2001-.447.447c-.693-.693-1.279-1.138-1.757-1.361-.475-.222-.795-.205-1.022-.069a.317.317%200%2001-.326-.542zM16.877%201.913c.58-.27%201.14-.323%201.616-.038a.317.317%200%2001-.326.542c-.227-.136-.547-.153-1.022.069-.478.223-1.064.668-1.756%201.361a.316.316%200%2011-.448-.447c.714-.714%201.36-1.218%201.936-1.487z%22%2F%3E%3Cpath%20fill%3D%22%23050810%22%20d%3D%22M8.835%209.109a1.266%201.266%200%20100-2.532%201.266%201.266%200%20000%202.532zM15.165%209.109a1.266%201.266%200%20100-2.532%201.266%201.266%200%20000%202.532z%22%2F%3E%3Cpath%20fill%3D%22%2300e5cc%22%20d%3D%22M9.046%208.16a.527.527%200%20100-1.056.527.527%200%20000%201.055zM15.376%208.16a.527.527%200%20100-1.055.527.527%200%20000%201.054z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID2%22%20x1%3D%22-.659%22%20x2%3D%2227.023%22%20y1%3D%22.458%22%20y2%3D%2222.855%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff4d4d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23991b1b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID3%22%20x1%3D%220%22%20x2%3D%224.311%22%20y1%3D%229.672%22%20y2%3D%2214.949%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff4d4d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23991b1b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID4%22%20x1%3D%2219.385%22%20x2%3D%2224.399%22%20y1%3D%229.953%22%20y2%3D%2214.462%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff4d4d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23991b1b%22%2F%3E%3C%2FlinearGradient%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(%23svgID2)%22%20d%3D%22M12%202.568c-6.33%200-9.495%205.275-9.495%209.495%200%204.22%203.165%208.44%206.33%209.494v2.11h2.11v-2.11s1.055.422%202.11%200v2.11h2.11v-2.11c3.165-1.055%206.33-5.274%206.33-9.494S18.33%202.568%2012%202.568z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID3)%22%20d%3D%22M3.56%209.953C.396%208.898-.66%2011.008.396%2013.118c1.055%202.11%203.164%201.055%204.22-1.055.632-1.477%200-2.11-1.056-2.11z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID4)%22%20d%3D%22M20.44%209.953c3.164-1.055%204.22%201.055%203.164%203.165-1.055%202.11-3.164%201.055-4.22-1.055-.632-1.477%200-2.11%201.056-2.11z%22%2F%3E%3Cpath%20fill%3D%22%23ff4d4d%22%20d%3D%22M5.507%201.875c.476-.285%201.036-.233%201.615.037.577.27%201.223.774%201.937%201.488a.316.316%200%2001-.447.447c-.693-.693-1.279-1.138-1.757-1.361-.475-.222-.795-.205-1.022-.069a.317.317%200%2001-.326-.542zM16.877%201.913c.58-.27%201.14-.323%201.616-.038a.317.317%200%2001-.326.542c-.227-.136-.547-.153-1.022.069-.478.223-1.064.668-1.756%201.361a.316.316%200%2011-.448-.447c.714-.714%201.36-1.218%201.936-1.487z%22%2F%3E%3Cpath%20fill%3D%22%23050810%22%20d%3D%22M8.835%209.109a1.266%201.266%200%20100-2.532%201.266%201.266%200%20000%202.532zM15.165%209.109a1.266%201.266%200%20100-2.532%201.266%201.266%200%20000%202.532z%22%2F%3E%3Cpath%20fill%3D%22%2300e5cc%22%20d%3D%22M9.046%208.16a.527.527%200%20100-1.056.527.527%200%20000%201.055zM15.376%208.16a.527.527%200%20100-1.055.527.527%200%20000%201.054z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID2%22%20x1%3D%22-.659%22%20x2%3D%2227.023%22%20y1%3D%22.458%22%20y2%3D%2222.855%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff4d4d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23991b1b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID3%22%20x1%3D%220%22%20x2%3D%224.311%22%20y1%3D%229.672%22%20y2%3D%2214.949%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff4d4d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23991b1b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID4%22%20x1%3D%2219.385%22%20x2%3D%2224.399%22%20y1%3D%229.953%22%20y2%3D%2214.462%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff4d4d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23991b1b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/openclaw-color.svg?color=%231a73e8&size=48
