bailian logo
bailian-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- bailian-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the bailian logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1c54e3" d="M6.336 8.919v6.162l5.335-3.083L6.337 8.92z"/><path fill="#aa9aff" d="M21.394 5.288s-.006-.006-.01-.006L17.01 2.754 6.336 8.92l5.335 3.082 9.701-5.6.016-.01a.635.635 0 00.006-1.1v-.003z"/><path fill="#00ead1" d="M21.71 12.465a.62.62 0 00-.316.085s-.006 0-.009.003l-4.375 2.528 5.05 2.915h.006a2.06 2.06 0 00.28-1.04v-3.855a.637.637 0 00-.636-.636z"/><path fill="#00cec9" d="M22.06 17.996l-5.05-2.915L6.34 21.242l4.27 2.465s.016.006.022.012a2.102 2.102 0 002.093 0c.006-.003.016-.006.022-.012l8.538-4.93c.003 0 .006-.003.01-.006.321-.183.589-.45.775-.772h-.006l-.004-.003z"/><path fill="#00ead1" d="M11.672 11.998l-5.336 3.083-1.444.832-3.605 2.083H1.28c.173.303.416.555.709.738l.078.044.016.01.02.012 4.232 2.442 10.671-6.161-5.335-3.082z"/><path fill="#7347ff" d="M12.74.29c-.1-.06-.208-.107-.315-.148-.02-.006-.038-.016-.057-.022a2.121 2.121 0 00-.7-.12c-.233 0-.457.038-.668.11l-.031.01a2.196 2.196 0 00-.372.17L2.068 5.222s-.003 0-.006.003c-.324.183-.592.451-.781.773h.006l5.049 2.918L17.01 2.758 12.74.29z"/><path fill="#0423da" d="M1.287 6.001H1.28A2.06 2.06 0 001 7.041v9.915c0 .378.1.735.28 1.043h.007l5.049-2.918V8.919l-5.05-2.918z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubBailianColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1c54e3" d="M6.336 8.919v6.162l5.335-3.083L6.337 8.92z"/><path fill="#aa9aff" d="M21.394 5.288s-.006-.006-.01-.006L17.01 2.754 6.336 8.92l5.335 3.082 9.701-5.6.016-.01a.635.635 0 00.006-1.1v-.003z"/><path fill="#00ead1" d="M21.71 12.465a.62.62 0 00-.316.085s-.006 0-.009.003l-4.375 2.528 5.05 2.915h.006a2.06 2.06 0 00.28-1.04v-3.855a.637.637 0 00-.636-.636z"/><path fill="#00cec9" d="M22.06 17.996l-5.05-2.915L6.34 21.242l4.27 2.465s.016.006.022.012a2.102 2.102 0 002.093 0c.006-.003.016-.006.022-.012l8.538-4.93c.003 0 .006-.003.01-.006.321-.183.589-.45.775-.772h-.006l-.004-.003z"/><path fill="#00ead1" d="M11.672 11.998l-5.336 3.083-1.444.832-3.605 2.083H1.28c.173.303.416.555.709.738l.078.044.016.01.02.012 4.232 2.442 10.671-6.161-5.335-3.082z"/><path fill="#7347ff" d="M12.74.29c-.1-.06-.208-.107-.315-.148-.02-.006-.038-.016-.057-.022a2.121 2.121 0 00-.7-.12c-.233 0-.457.038-.668.11l-.031.01a2.196 2.196 0 00-.372.17L2.068 5.222s-.003 0-.006.003c-.324.183-.592.451-.781.773h.006l5.049 2.918L17.01 2.758 12.74.29z"/><path fill="#0423da" d="M1.287 6.001H1.28A2.06 2.06 0 001 7.041v9.915c0 .378.1.735.28 1.043h.007l5.049-2.918V8.919l-5.05-2.918z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1c54e3" d="M6.336 8.919v6.162l5.335-3.083L6.337 8.92z"/><path fill="#aa9aff" d="M21.394 5.288s-.006-.006-.01-.006L17.01 2.754 6.336 8.92l5.335 3.082 9.701-5.6.016-.01a.635.635 0 00.006-1.1v-.003z"/><path fill="#00ead1" d="M21.71 12.465a.62.62 0 00-.316.085s-.006 0-.009.003l-4.375 2.528 5.05 2.915h.006a2.06 2.06 0 00.28-1.04v-3.855a.637.637 0 00-.636-.636z"/><path fill="#00cec9" d="M22.06 17.996l-5.05-2.915L6.34 21.242l4.27 2.465s.016.006.022.012a2.102 2.102 0 002.093 0c.006-.003.016-.006.022-.012l8.538-4.93c.003 0 .006-.003.01-.006.321-.183.589-.45.775-.772h-.006l-.004-.003z"/><path fill="#00ead1" d="M11.672 11.998l-5.336 3.083-1.444.832-3.605 2.083H1.28c.173.303.416.555.709.738l.078.044.016.01.02.012 4.232 2.442 10.671-6.161-5.335-3.082z"/><path fill="#7347ff" d="M12.74.29c-.1-.06-.208-.107-.315-.148-.02-.006-.038-.016-.057-.022a2.121 2.121 0 00-.7-.12c-.233 0-.457.038-.668.11l-.031.01a2.196 2.196 0 00-.372.17L2.068 5.222s-.003 0-.006.003c-.324.183-.592.451-.781.773h.006l5.049 2.918L17.01 2.758 12.74.29z"/><path fill="#0423da" d="M1.287 6.001H1.28A2.06 2.06 0 001 7.041v9.915c0 .378.1.735.28 1.043h.007l5.049-2.918V8.919l-5.05-2.918z"/></svg> </template>
CSS
.icon-bailian-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%22%231c54e3%22%20d%3D%22M6.336%208.919v6.162l5.335-3.083L6.337%208.92z%22%2F%3E%3Cpath%20fill%3D%22%23aa9aff%22%20d%3D%22M21.394%205.288s-.006-.006-.01-.006L17.01%202.754%206.336%208.92l5.335%203.082%209.701-5.6.016-.01a.635.635%200%2000.006-1.1v-.003z%22%2F%3E%3Cpath%20fill%3D%22%2300ead1%22%20d%3D%22M21.71%2012.465a.62.62%200%2000-.316.085s-.006%200-.009.003l-4.375%202.528%205.05%202.915h.006a2.06%202.06%200%2000.28-1.04v-3.855a.637.637%200%2000-.636-.636z%22%2F%3E%3Cpath%20fill%3D%22%2300cec9%22%20d%3D%22M22.06%2017.996l-5.05-2.915L6.34%2021.242l4.27%202.465s.016.006.022.012a2.102%202.102%200%20002.093%200c.006-.003.016-.006.022-.012l8.538-4.93c.003%200%20.006-.003.01-.006.321-.183.589-.45.775-.772h-.006l-.004-.003z%22%2F%3E%3Cpath%20fill%3D%22%2300ead1%22%20d%3D%22M11.672%2011.998l-5.336%203.083-1.444.832-3.605%202.083H1.28c.173.303.416.555.709.738l.078.044.016.01.02.012%204.232%202.442%2010.671-6.161-5.335-3.082z%22%2F%3E%3Cpath%20fill%3D%22%237347ff%22%20d%3D%22M12.74.29c-.1-.06-.208-.107-.315-.148-.02-.006-.038-.016-.057-.022a2.121%202.121%200%2000-.7-.12c-.233%200-.457.038-.668.11l-.031.01a2.196%202.196%200%2000-.372.17L2.068%205.222s-.003%200-.006.003c-.324.183-.592.451-.781.773h.006l5.049%202.918L17.01%202.758%2012.74.29z%22%2F%3E%3Cpath%20fill%3D%22%230423da%22%20d%3D%22M1.287%206.001H1.28A2.06%202.06%200%20001%207.041v9.915c0%20.378.1.735.28%201.043h.007l5.049-2.918V8.919l-5.05-2.918z%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%22%231c54e3%22%20d%3D%22M6.336%208.919v6.162l5.335-3.083L6.337%208.92z%22%2F%3E%3Cpath%20fill%3D%22%23aa9aff%22%20d%3D%22M21.394%205.288s-.006-.006-.01-.006L17.01%202.754%206.336%208.92l5.335%203.082%209.701-5.6.016-.01a.635.635%200%2000.006-1.1v-.003z%22%2F%3E%3Cpath%20fill%3D%22%2300ead1%22%20d%3D%22M21.71%2012.465a.62.62%200%2000-.316.085s-.006%200-.009.003l-4.375%202.528%205.05%202.915h.006a2.06%202.06%200%2000.28-1.04v-3.855a.637.637%200%2000-.636-.636z%22%2F%3E%3Cpath%20fill%3D%22%2300cec9%22%20d%3D%22M22.06%2017.996l-5.05-2.915L6.34%2021.242l4.27%202.465s.016.006.022.012a2.102%202.102%200%20002.093%200c.006-.003.016-.006.022-.012l8.538-4.93c.003%200%20.006-.003.01-.006.321-.183.589-.45.775-.772h-.006l-.004-.003z%22%2F%3E%3Cpath%20fill%3D%22%2300ead1%22%20d%3D%22M11.672%2011.998l-5.336%203.083-1.444.832-3.605%202.083H1.28c.173.303.416.555.709.738l.078.044.016.01.02.012%204.232%202.442%2010.671-6.161-5.335-3.082z%22%2F%3E%3Cpath%20fill%3D%22%237347ff%22%20d%3D%22M12.74.29c-.1-.06-.208-.107-.315-.148-.02-.006-.038-.016-.057-.022a2.121%202.121%200%2000-.7-.12c-.233%200-.457.038-.668.11l-.031.01a2.196%202.196%200%2000-.372.17L2.068%205.222s-.003%200-.006.003c-.324.183-.592.451-.781.773h.006l5.049%202.918L17.01%202.758%2012.74.29z%22%2F%3E%3Cpath%20fill%3D%22%230423da%22%20d%3D%22M1.287%206.001H1.28A2.06%202.06%200%20001%207.041v9.915c0%20.378.1.735.28%201.043h.007l5.049-2.918V8.919l-5.05-2.918z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/bailian-color.svg?color=%231a73e8&size=48
