Lumen icon
logos:lumen
The Lumen icon (logos:lumen) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 515 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 515
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="515" viewBox="0 0 256 515"><path fill="#e54537" d="M15.114 142.743a15.05 15.05 0 0 0 6.357-1.41L247.262 36.346c7.563-3.517 10.843-12.498 7.326-20.06c-3.515-7.562-12.499-10.842-20.059-7.326L8.74 113.947c-7.564 3.516-10.844 12.497-7.327 20.06c2.558 5.501 8.01 8.736 13.702 8.736M234.53 73.14L8.74 178.125c-7.564 3.516-10.844 12.496-7.327 20.058c2.557 5.503 8.008 8.738 13.702 8.738c2.132 0 4.297-.453 6.357-1.412l225.791-104.984c7.563-3.517 10.843-12.498 7.326-20.06c-3.515-7.562-12.499-10.842-20.059-7.326m0 64.718L8.74 242.843c-7.564 3.516-10.844 12.496-7.327 20.058c2.557 5.503 8.008 8.738 13.702 8.738c2.132 0 4.297-.453 6.357-1.412l225.791-104.984c7.563-3.517 10.843-12.498 7.326-20.06c-3.515-7.562-12.499-10.842-20.059-7.326M15.114 78.745c2.137 0 4.308-.456 6.373-1.418L125.574 28.79c7.56-3.524 10.828-12.509 7.304-20.068c-3.526-7.559-12.51-10.826-20.069-7.304L8.722 49.955C1.164 53.48-2.106 62.465 1.418 70.023c2.563 5.495 8.01 8.722 13.696 8.722m219.358 123.316l-79.818 37.522a15.1 15.1 0 0 0-8.676 13.666v75.374h-34.876v-56.268c0-8.34-6.76-15.1-15.1-15.1s-15.101 6.76-15.101 15.1v56.268H59.259c-6.426 0-11.287 5.814-10.148 12.14l5.094 28.274a10.31 10.31 0 0 0 10.148 8.483h52.982l-56.12 10.19a7.55 7.55 0 0 0-6.08 8.777a7.556 7.556 0 0 0 7.42 6.204q.674.001 1.359-.124l128.715-23.372a7.5 7.5 0 0 0 4.772-3.027c2.666-1.512 4.62-4.173 5.115-7.385l4.367-28.276c.964-6.247-3.87-11.884-10.191-11.884h-20.513v-65.786l71.142-33.444c7.547-3.548 10.789-12.543 7.24-20.09c-3.546-7.544-12.538-10.79-20.09-7.242m-44.541 200.75l-128.715 23.37a7.55 7.55 0 0 0-6.081 8.776a7.55 7.55 0 0 0 7.42 6.204q.672.001 1.357-.124l128.716-23.37a7.55 7.55 0 0 0 6.08-8.776c-.745-4.102-4.671-6.838-8.777-6.08m0 39.91L61.216 466.088a7.55 7.55 0 0 0-6.081 8.777a7.55 7.55 0 0 0 7.42 6.204c.447 0 .902-.04 1.357-.124l128.716-23.37a7.55 7.55 0 0 0 6.08-8.776c-.745-4.102-4.671-6.838-8.777-6.08m-15.394 40.254l-95.997 16.54a7.55 7.55 0 0 0 2.563 14.88l95.998-16.538a7.55 7.55 0 0 0 6.16-8.724c-.708-4.106-4.606-6.851-8.724-6.158"/></svg>How to use the Lumen icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:lumen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:lumen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:lumen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--lumen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:lumen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:lumen"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/lumen.svg" alt="Lumen icon" width="24" height="24">Lumen icon in other icon sets
Lumen icon FAQ
Is the Lumen icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Lumen icon in React?
Install @iconify/react and render <Icon icon="logos:lumen" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lumen icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/lumen.svg" alt="Lumen icon">, or paste the SVG code inline to style it with CSS.