poe logo
poe-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- poe-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 poe 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="M20.708 6.876a1.412 1.412 0 00-1.029-.415h-.006a2.019 2.019 0 01-2.02-2.023A1.415 1.415 0 0016.254 3H4.871A1.412 1.412 0 003.47 4.434a2.026 2.026 0 01-2.025 2.025v.002A1.414 1.414 0 000 7.883v3.642a1.414 1.414 0 001.444 1.42 2.025 2.025 0 012.025 2.02v3.693a.5.5 0 00.89.313l2.051-2.567h9.843a1.412 1.412 0 001.4-1.434v-.002c0-1.12.904-2.025 2.026-2.025a1.412 1.412 0 001.446-1.42V7.88c0-.363-.14-.727-.417-1.005zm-2.42 4.687a2.025 2.025 0 01-2.025 2.005H4.861a2.025 2.025 0 01-2.025-2.005v-3.72A2.026 2.026 0 014.86 5.838h11.4a2.026 2.026 0 012.026 2.005v3.72h.002z"/><path d="M7.413 7.57A1.422 1.422 0 005.99 8.99v1.422a1.422 1.422 0 102.844 0V8.99c0-.784-.636-1.422-1.422-1.422zm6.297 0a1.422 1.422 0 00-1.422 1.421v1.422a1.422 1.422 0 102.844 0V8.99c0-.784-.636-1.422-1.422-1.422z"/><path fill="url(#svgID14)" d="M7.292 22.643l1.993-2.492h9.844a1.413 1.413 0 001.4-1.434 2.025 2.025 0 012.017-2.027h.01A1.409 1.409 0 0024 15.27v-3.594c0-.344-.113-.68-.324-.951l-.397-.519v4.127a1.415 1.415 0 01-1.444 1.42h-.007a2.026 2.026 0 00-2.018 2.025 1.415 1.415 0 01-1.402 1.436H8.565l-2.169 2.712a.574.574 0 00.896.715v.002z"/><path fill="url(#svgID15)" d="M5.004 19.992l2.12-2.65h9.844a1.414 1.414 0 001.402-1.437c0-1.116.9-2.021 2.014-2.025h.012a1.413 1.413 0 001.443-1.422v-4.13l.52.68c.21.273.324.607.324.95v3.594a1.416 1.416 0 01-1.443 1.42h-.01a2.026 2.026 0 00-2.016 2.026 1.414 1.414 0 01-1.402 1.435H7.97l-1.916 2.4a.671.671 0 01-1.049-.839v-.002z"/><defs><linearGradient id="svgID14" x1="34.01" x2="1.086" y1="7.303" y2="27.715" gradientUnits="userSpaceOnUse"><stop stop-color="#46a6f7"/><stop offset="1" stop-color="#8364ff"/></linearGradient><linearGradient id="svgID15" x1="4.915" x2="24.34" y1="23.511" y2="9.464" gradientUnits="userSpaceOnUse"><stop stop-color="#ff44d3"/><stop offset="1" stop-color="#cf4bff"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function LobehubPoeColor(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="M20.708 6.876a1.412 1.412 0 00-1.029-.415h-.006a2.019 2.019 0 01-2.02-2.023A1.415 1.415 0 0016.254 3H4.871A1.412 1.412 0 003.47 4.434a2.026 2.026 0 01-2.025 2.025v.002A1.414 1.414 0 000 7.883v3.642a1.414 1.414 0 001.444 1.42 2.025 2.025 0 012.025 2.02v3.693a.5.5 0 00.89.313l2.051-2.567h9.843a1.412 1.412 0 001.4-1.434v-.002c0-1.12.904-2.025 2.026-2.025a1.412 1.412 0 001.446-1.42V7.88c0-.363-.14-.727-.417-1.005zm-2.42 4.687a2.025 2.025 0 01-2.025 2.005H4.861a2.025 2.025 0 01-2.025-2.005v-3.72A2.026 2.026 0 014.86 5.838h11.4a2.026 2.026 0 012.026 2.005v3.72h.002z"/><path d="M7.413 7.57A1.422 1.422 0 005.99 8.99v1.422a1.422 1.422 0 102.844 0V8.99c0-.784-.636-1.422-1.422-1.422zm6.297 0a1.422 1.422 0 00-1.422 1.421v1.422a1.422 1.422 0 102.844 0V8.99c0-.784-.636-1.422-1.422-1.422z"/><path fill="url(#svgID14)" d="M7.292 22.643l1.993-2.492h9.844a1.413 1.413 0 001.4-1.434 2.025 2.025 0 012.017-2.027h.01A1.409 1.409 0 0024 15.27v-3.594c0-.344-.113-.68-.324-.951l-.397-.519v4.127a1.415 1.415 0 01-1.444 1.42h-.007a2.026 2.026 0 00-2.018 2.025 1.415 1.415 0 01-1.402 1.436H8.565l-2.169 2.712a.574.574 0 00.896.715v.002z"/><path fill="url(#svgID15)" d="M5.004 19.992l2.12-2.65h9.844a1.414 1.414 0 001.402-1.437c0-1.116.9-2.021 2.014-2.025h.012a1.413 1.413 0 001.443-1.422v-4.13l.52.68c.21.273.324.607.324.95v3.594a1.416 1.416 0 01-1.443 1.42h-.01a2.026 2.026 0 00-2.016 2.026 1.414 1.414 0 01-1.402 1.435H7.97l-1.916 2.4a.671.671 0 01-1.049-.839v-.002z"/><defs><linearGradient id="svgID14" x1="34.01" x2="1.086" y1="7.303" y2="27.715" gradientUnits="userSpaceOnUse"><stop stopColor="#46a6f7"/><stop offset="1" stopColor="#8364ff"/></linearGradient><linearGradient id="svgID15" x1="4.915" x2="24.34" y1="23.511" y2="9.464" gradientUnits="userSpaceOnUse"><stop stopColor="#ff44d3"/><stop offset="1" stopColor="#cf4bff"/></linearGradient></defs></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="M20.708 6.876a1.412 1.412 0 00-1.029-.415h-.006a2.019 2.019 0 01-2.02-2.023A1.415 1.415 0 0016.254 3H4.871A1.412 1.412 0 003.47 4.434a2.026 2.026 0 01-2.025 2.025v.002A1.414 1.414 0 000 7.883v3.642a1.414 1.414 0 001.444 1.42 2.025 2.025 0 012.025 2.02v3.693a.5.5 0 00.89.313l2.051-2.567h9.843a1.412 1.412 0 001.4-1.434v-.002c0-1.12.904-2.025 2.026-2.025a1.412 1.412 0 001.446-1.42V7.88c0-.363-.14-.727-.417-1.005zm-2.42 4.687a2.025 2.025 0 01-2.025 2.005H4.861a2.025 2.025 0 01-2.025-2.005v-3.72A2.026 2.026 0 014.86 5.838h11.4a2.026 2.026 0 012.026 2.005v3.72h.002z"/><path d="M7.413 7.57A1.422 1.422 0 005.99 8.99v1.422a1.422 1.422 0 102.844 0V8.99c0-.784-.636-1.422-1.422-1.422zm6.297 0a1.422 1.422 0 00-1.422 1.421v1.422a1.422 1.422 0 102.844 0V8.99c0-.784-.636-1.422-1.422-1.422z"/><path fill="url(#svgID14)" d="M7.292 22.643l1.993-2.492h9.844a1.413 1.413 0 001.4-1.434 2.025 2.025 0 012.017-2.027h.01A1.409 1.409 0 0024 15.27v-3.594c0-.344-.113-.68-.324-.951l-.397-.519v4.127a1.415 1.415 0 01-1.444 1.42h-.007a2.026 2.026 0 00-2.018 2.025 1.415 1.415 0 01-1.402 1.436H8.565l-2.169 2.712a.574.574 0 00.896.715v.002z"/><path fill="url(#svgID15)" d="M5.004 19.992l2.12-2.65h9.844a1.414 1.414 0 001.402-1.437c0-1.116.9-2.021 2.014-2.025h.012a1.413 1.413 0 001.443-1.422v-4.13l.52.68c.21.273.324.607.324.95v3.594a1.416 1.416 0 01-1.443 1.42h-.01a2.026 2.026 0 00-2.016 2.026 1.414 1.414 0 01-1.402 1.435H7.97l-1.916 2.4a.671.671 0 01-1.049-.839v-.002z"/><defs><linearGradient id="svgID14" x1="34.01" x2="1.086" y1="7.303" y2="27.715" gradientUnits="userSpaceOnUse"><stop stop-color="#46a6f7"/><stop offset="1" stop-color="#8364ff"/></linearGradient><linearGradient id="svgID15" x1="4.915" x2="24.34" y1="23.511" y2="9.464" gradientUnits="userSpaceOnUse"><stop stop-color="#ff44d3"/><stop offset="1" stop-color="#cf4bff"/></linearGradient></defs></g></svg> </template>
CSS
.icon-poe-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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M20.708%206.876a1.412%201.412%200%2000-1.029-.415h-.006a2.019%202.019%200%2001-2.02-2.023A1.415%201.415%200%200016.254%203H4.871A1.412%201.412%200%20003.47%204.434a2.026%202.026%200%2001-2.025%202.025v.002A1.414%201.414%200%20000%207.883v3.642a1.414%201.414%200%20001.444%201.42%202.025%202.025%200%20012.025%202.02v3.693a.5.5%200%2000.89.313l2.051-2.567h9.843a1.412%201.412%200%20001.4-1.434v-.002c0-1.12.904-2.025%202.026-2.025a1.412%201.412%200%20001.446-1.42V7.88c0-.363-.14-.727-.417-1.005zm-2.42%204.687a2.025%202.025%200%2001-2.025%202.005H4.861a2.025%202.025%200%2001-2.025-2.005v-3.72A2.026%202.026%200%20014.86%205.838h11.4a2.026%202.026%200%20012.026%202.005v3.72h.002z%22%2F%3E%3Cpath%20d%3D%22M7.413%207.57A1.422%201.422%200%20005.99%208.99v1.422a1.422%201.422%200%20102.844%200V8.99c0-.784-.636-1.422-1.422-1.422zm6.297%200a1.422%201.422%200%2000-1.422%201.421v1.422a1.422%201.422%200%20102.844%200V8.99c0-.784-.636-1.422-1.422-1.422z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID14)%22%20d%3D%22M7.292%2022.643l1.993-2.492h9.844a1.413%201.413%200%20001.4-1.434%202.025%202.025%200%20012.017-2.027h.01A1.409%201.409%200%200024%2015.27v-3.594c0-.344-.113-.68-.324-.951l-.397-.519v4.127a1.415%201.415%200%2001-1.444%201.42h-.007a2.026%202.026%200%2000-2.018%202.025%201.415%201.415%200%2001-1.402%201.436H8.565l-2.169%202.712a.574.574%200%2000.896.715v.002z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID15)%22%20d%3D%22M5.004%2019.992l2.12-2.65h9.844a1.414%201.414%200%20001.402-1.437c0-1.116.9-2.021%202.014-2.025h.012a1.413%201.413%200%20001.443-1.422v-4.13l.52.68c.21.273.324.607.324.95v3.594a1.416%201.416%200%2001-1.443%201.42h-.01a2.026%202.026%200%2000-2.016%202.026%201.414%201.414%200%2001-1.402%201.435H7.97l-1.916%202.4a.671.671%200%2001-1.049-.839v-.002z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID14%22%20x1%3D%2234.01%22%20x2%3D%221.086%22%20y1%3D%227.303%22%20y2%3D%2227.715%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2346a6f7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238364ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID15%22%20x1%3D%224.915%22%20x2%3D%2224.34%22%20y1%3D%2223.511%22%20y2%3D%229.464%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff44d3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cf4bff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%22M20.708%206.876a1.412%201.412%200%2000-1.029-.415h-.006a2.019%202.019%200%2001-2.02-2.023A1.415%201.415%200%200016.254%203H4.871A1.412%201.412%200%20003.47%204.434a2.026%202.026%200%2001-2.025%202.025v.002A1.414%201.414%200%20000%207.883v3.642a1.414%201.414%200%20001.444%201.42%202.025%202.025%200%20012.025%202.02v3.693a.5.5%200%2000.89.313l2.051-2.567h9.843a1.412%201.412%200%20001.4-1.434v-.002c0-1.12.904-2.025%202.026-2.025a1.412%201.412%200%20001.446-1.42V7.88c0-.363-.14-.727-.417-1.005zm-2.42%204.687a2.025%202.025%200%2001-2.025%202.005H4.861a2.025%202.025%200%2001-2.025-2.005v-3.72A2.026%202.026%200%20014.86%205.838h11.4a2.026%202.026%200%20012.026%202.005v3.72h.002z%22%2F%3E%3Cpath%20d%3D%22M7.413%207.57A1.422%201.422%200%20005.99%208.99v1.422a1.422%201.422%200%20102.844%200V8.99c0-.784-.636-1.422-1.422-1.422zm6.297%200a1.422%201.422%200%2000-1.422%201.421v1.422a1.422%201.422%200%20102.844%200V8.99c0-.784-.636-1.422-1.422-1.422z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID14)%22%20d%3D%22M7.292%2022.643l1.993-2.492h9.844a1.413%201.413%200%20001.4-1.434%202.025%202.025%200%20012.017-2.027h.01A1.409%201.409%200%200024%2015.27v-3.594c0-.344-.113-.68-.324-.951l-.397-.519v4.127a1.415%201.415%200%2001-1.444%201.42h-.007a2.026%202.026%200%2000-2.018%202.025%201.415%201.415%200%2001-1.402%201.436H8.565l-2.169%202.712a.574.574%200%2000.896.715v.002z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID15)%22%20d%3D%22M5.004%2019.992l2.12-2.65h9.844a1.414%201.414%200%20001.402-1.437c0-1.116.9-2.021%202.014-2.025h.012a1.413%201.413%200%20001.443-1.422v-4.13l.52.68c.21.273.324.607.324.95v3.594a1.416%201.416%200%2001-1.443%201.42h-.01a2.026%202.026%200%2000-2.016%202.026%201.414%201.414%200%2001-1.402%201.435H7.97l-1.916%202.4a.671.671%200%2001-1.049-.839v-.002z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID14%22%20x1%3D%2234.01%22%20x2%3D%221.086%22%20y1%3D%227.303%22%20y2%3D%2227.715%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2346a6f7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238364ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID15%22%20x1%3D%224.915%22%20x2%3D%2224.34%22%20y1%3D%2223.511%22%20y2%3D%229.464%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff44d3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cf4bff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/poe-color.svg?color=%231a73e8&size=48
