Lumen アイコン
logos:lumen
Lumen アイコン(logos:lumen)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 515 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 515
SVG コード
<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>Lumen アイコンの使い方
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:lumen"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/lumen.svg" alt="Lumen アイコン" width="24" height="24">他のアイコンセットの Lumen アイコン
Lumen アイコン のよくある質問
Lumen アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lumen アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:lumen" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lumen アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/lumen.svg" alt="Lumen アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。