lumen logo
lumen from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- lumen
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the lumen logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.649 0a.75.75 0 0 0-.342.072l-4.878 2.23a.75.751 0 1 0 .624 1.366l4.878-2.23A.75.75 0 0 0 11.649 0m5.624.354a.75.75 0 0 0-.341.074L6.425 5.306a.75.75 0 0 0 .632 1.362L17.563 1.79a.75.75 0 0 0-.29-1.436m0 3.002a.75.75 0 0 0-.341.074L6.425 8.31a.75.75 0 0 0 .632 1.362l10.506-4.88a.75.75 0 0 0-.29-1.436m0 3.002a.75.75 0 0 0-.341.074L6.425 11.311a.75.75 0 0 0 .632 1.361l10.506-4.878a.75.75 0 0 0-.29-1.436m.009 3.003a.75.75 0 0 0-.342.07l-3.753 1.688a.75.75 0 0 0-.442.685v3.518l.001.047h-1.503v-2.627a.75.75 0 0 0-.761-.761a.75.75 0 0 0-.74.761v2.58l.002.047h-.94a.46.46 0 0 0-.47.555l.19 1.14a.69.69 0 0 0 .656.557h2.28l-2.537.476a.375.375 0 1 0 .139.737l6.003-1.126a.375.375 0 0 0 .307-.41a.6.6 0 0 0 .092-.232l.19-1.142a.46.46 0 0 0-.47-.555h-.94l.002-.047V12.29l3.31-1.49a.75.75 0 0 0-.274-1.438zm-2.292 9.385a.4.4 0 0 0-.063.007l-6.004 1.126a.375.375 0 1 0 .139.737l6.003-1.125a.375.375 0 0 0-.075-.745m0 1.876a.4.4 0 0 0-.063.008l-6.004 1.125a.375.375 0 1 0 .139.737l6.003-1.125a.375.375 0 0 0-.075-.745m-.743 1.876a.4.4 0 0 0-.064.006l-4.471.751a.375.375 0 1 0 .124.74l4.472-.75a.375.375 0 0 0-.061-.747"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsLumen(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.649 0a.75.75 0 0 0-.342.072l-4.878 2.23a.75.751 0 1 0 .624 1.366l4.878-2.23A.75.75 0 0 0 11.649 0m5.624.354a.75.75 0 0 0-.341.074L6.425 5.306a.75.75 0 0 0 .632 1.362L17.563 1.79a.75.75 0 0 0-.29-1.436m0 3.002a.75.75 0 0 0-.341.074L6.425 8.31a.75.75 0 0 0 .632 1.362l10.506-4.88a.75.75 0 0 0-.29-1.436m0 3.002a.75.75 0 0 0-.341.074L6.425 11.311a.75.75 0 0 0 .632 1.361l10.506-4.878a.75.75 0 0 0-.29-1.436m.009 3.003a.75.75 0 0 0-.342.07l-3.753 1.688a.75.75 0 0 0-.442.685v3.518l.001.047h-1.503v-2.627a.75.75 0 0 0-.761-.761a.75.75 0 0 0-.74.761v2.58l.002.047h-.94a.46.46 0 0 0-.47.555l.19 1.14a.69.69 0 0 0 .656.557h2.28l-2.537.476a.375.375 0 1 0 .139.737l6.003-1.126a.375.375 0 0 0 .307-.41a.6.6 0 0 0 .092-.232l.19-1.142a.46.46 0 0 0-.47-.555h-.94l.002-.047V12.29l3.31-1.49a.75.75 0 0 0-.274-1.438zm-2.292 9.385a.4.4 0 0 0-.063.007l-6.004 1.126a.375.375 0 1 0 .139.737l6.003-1.125a.375.375 0 0 0-.075-.745m0 1.876a.4.4 0 0 0-.063.008l-6.004 1.125a.375.375 0 1 0 .139.737l6.003-1.125a.375.375 0 0 0-.075-.745m-.743 1.876a.4.4 0 0 0-.064.006l-4.471.751a.375.375 0 1 0 .124.74l4.472-.75a.375.375 0 0 0-.061-.747"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.649 0a.75.75 0 0 0-.342.072l-4.878 2.23a.75.751 0 1 0 .624 1.366l4.878-2.23A.75.75 0 0 0 11.649 0m5.624.354a.75.75 0 0 0-.341.074L6.425 5.306a.75.75 0 0 0 .632 1.362L17.563 1.79a.75.75 0 0 0-.29-1.436m0 3.002a.75.75 0 0 0-.341.074L6.425 8.31a.75.75 0 0 0 .632 1.362l10.506-4.88a.75.75 0 0 0-.29-1.436m0 3.002a.75.75 0 0 0-.341.074L6.425 11.311a.75.75 0 0 0 .632 1.361l10.506-4.878a.75.75 0 0 0-.29-1.436m.009 3.003a.75.75 0 0 0-.342.07l-3.753 1.688a.75.75 0 0 0-.442.685v3.518l.001.047h-1.503v-2.627a.75.75 0 0 0-.761-.761a.75.75 0 0 0-.74.761v2.58l.002.047h-.94a.46.46 0 0 0-.47.555l.19 1.14a.69.69 0 0 0 .656.557h2.28l-2.537.476a.375.375 0 1 0 .139.737l6.003-1.126a.375.375 0 0 0 .307-.41a.6.6 0 0 0 .092-.232l.19-1.142a.46.46 0 0 0-.47-.555h-.94l.002-.047V12.29l3.31-1.49a.75.75 0 0 0-.274-1.438zm-2.292 9.385a.4.4 0 0 0-.063.007l-6.004 1.126a.375.375 0 1 0 .139.737l6.003-1.125a.375.375 0 0 0-.075-.745m0 1.876a.4.4 0 0 0-.063.008l-6.004 1.125a.375.375 0 1 0 .139.737l6.003-1.125a.375.375 0 0 0-.075-.745m-.743 1.876a.4.4 0 0 0-.064.006l-4.471.751a.375.375 0 1 0 .124.74l4.472-.75a.375.375 0 0 0-.061-.747"/></svg> </template>
CSS
.icon-lumen {
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%22currentColor%22%20d%3D%22M11.649%200a.75.75%200%200%200-.342.072l-4.878%202.23a.75.751%200%201%200%20.624%201.366l4.878-2.23A.75.75%200%200%200%2011.649%200m5.624.354a.75.75%200%200%200-.341.074L6.425%205.306a.75.75%200%200%200%20.632%201.362L17.563%201.79a.75.75%200%200%200-.29-1.436m0%203.002a.75.75%200%200%200-.341.074L6.425%208.31a.75.75%200%200%200%20.632%201.362l10.506-4.88a.75.75%200%200%200-.29-1.436m0%203.002a.75.75%200%200%200-.341.074L6.425%2011.311a.75.75%200%200%200%20.632%201.361l10.506-4.878a.75.75%200%200%200-.29-1.436m.009%203.003a.75.75%200%200%200-.342.07l-3.753%201.688a.75.75%200%200%200-.442.685v3.518l.001.047h-1.503v-2.627a.75.75%200%200%200-.761-.761a.75.75%200%200%200-.74.761v2.58l.002.047h-.94a.46.46%200%200%200-.47.555l.19%201.14a.69.69%200%200%200%20.656.557h2.28l-2.537.476a.375.375%200%201%200%20.139.737l6.003-1.126a.375.375%200%200%200%20.307-.41a.6.6%200%200%200%20.092-.232l.19-1.142a.46.46%200%200%200-.47-.555h-.94l.002-.047V12.29l3.31-1.49a.75.75%200%200%200-.274-1.438zm-2.292%209.385a.4.4%200%200%200-.063.007l-6.004%201.126a.375.375%200%201%200%20.139.737l6.003-1.125a.375.375%200%200%200-.075-.745m0%201.876a.4.4%200%200%200-.063.008l-6.004%201.125a.375.375%200%201%200%20.139.737l6.003-1.125a.375.375%200%200%200-.075-.745m-.743%201.876a.4.4%200%200%200-.064.006l-4.471.751a.375.375%200%201%200%20.124.74l4.472-.75a.375.375%200%200%200-.061-.747%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%22currentColor%22%20d%3D%22M11.649%200a.75.75%200%200%200-.342.072l-4.878%202.23a.75.751%200%201%200%20.624%201.366l4.878-2.23A.75.75%200%200%200%2011.649%200m5.624.354a.75.75%200%200%200-.341.074L6.425%205.306a.75.75%200%200%200%20.632%201.362L17.563%201.79a.75.75%200%200%200-.29-1.436m0%203.002a.75.75%200%200%200-.341.074L6.425%208.31a.75.75%200%200%200%20.632%201.362l10.506-4.88a.75.75%200%200%200-.29-1.436m0%203.002a.75.75%200%200%200-.341.074L6.425%2011.311a.75.75%200%200%200%20.632%201.361l10.506-4.878a.75.75%200%200%200-.29-1.436m.009%203.003a.75.75%200%200%200-.342.07l-3.753%201.688a.75.75%200%200%200-.442.685v3.518l.001.047h-1.503v-2.627a.75.75%200%200%200-.761-.761a.75.75%200%200%200-.74.761v2.58l.002.047h-.94a.46.46%200%200%200-.47.555l.19%201.14a.69.69%200%200%200%20.656.557h2.28l-2.537.476a.375.375%200%201%200%20.139.737l6.003-1.126a.375.375%200%200%200%20.307-.41a.6.6%200%200%200%20.092-.232l.19-1.142a.46.46%200%200%200-.47-.555h-.94l.002-.047V12.29l3.31-1.49a.75.75%200%200%200-.274-1.438zm-2.292%209.385a.4.4%200%200%200-.063.007l-6.004%201.126a.375.375%200%201%200%20.139.737l6.003-1.125a.375.375%200%200%200-.075-.745m0%201.876a.4.4%200%200%200-.063.008l-6.004%201.125a.375.375%200%201%200%20.139.737l6.003-1.125a.375.375%200%200%200-.075-.745m-.743%201.876a.4.4%200%200%200-.064.006l-4.471.751a.375.375%200%201%200%20.124.74l4.472-.75a.375.375%200%200%200-.061-.747%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/lumen.svg?color=%231a73e8&size=48
