Lunit アイコン
thesvg:lunit
Lunit アイコン(thesvg:lunit)は、theSVG セットの無料 SVG アイコンです(作者: thesvg.org)。 189 × 52 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 189 × 52
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="189" height="52" viewBox="0 0 189 52"><path fill="currentColor" d="M162.934 7.92h-5.169a.5.5 0 0 0-.502.503v5.168c0 .277.225.502.502.502h5.169a.5.5 0 0 0 .502-.502V8.423a.5.5 0 0 0-.502-.502m-42.352 9.786h-5.169a.5.5 0 0 0-.501.502v16.56q0 1.203-.753 2.107c-.703.853-1.556 1.605-2.509 2.258c-1.305.853-2.76 1.304-4.316 1.304c-1.555 0-3.713-.552-4.767-1.605c-1.104-1.054-1.656-2.71-1.656-4.918V18.21a.5.5 0 0 0-.501-.502h-5.169a.503.503 0 0 0-.502.502v16.509q0 5.043 3.011 8.13c2.007 2.057 4.817 3.11 8.33 3.11s3.814-.451 5.47-1.304c1.605-.854 3.01-1.907 4.064-3.162v3.212c0 .3.251.502.502.502h4.466a.503.503 0 0 0 .502-.502V18.259a.503.503 0 0 0-.502-.502zm26.394.652c-1.706-.954-3.663-1.456-5.921-1.456s-3.813.452-5.469 1.305c-1.606.853-3.011 1.907-4.065 3.161v-3.211a.503.503 0 0 0-.502-.502h-4.516a.503.503 0 0 0-.502.502v26.444c0 .302.251.502.502.502h5.169c.301 0 .501-.25.501-.502V28.094c0-.802.302-1.605.854-2.207a12.6 12.6 0 0 1 2.458-2.158c1.305-.853 2.76-1.305 4.316-1.305c1.555 0 3.462.552 4.616 1.656s1.757 2.76 1.757 4.868v15.706c0 .3.251.502.501.502h5.169a.503.503 0 0 0 .502-.502v-16.51c0-2.157-.452-4.114-1.405-5.82a10.04 10.04 0 0 0-3.965-3.965m15.958-.652h-5.169a.5.5 0 0 0-.502.502v26.495c0 .277.225.502.502.502h5.169a.5.5 0 0 0 .502-.502V18.209a.5.5 0 0 0-.502-.502M91.177 39.084H73.012c-1.255 0-2.258-1.054-2.309-2.259V5.664a.503.503 0 0 0-.502-.502h-5.62a.503.503 0 0 0-.501.502v32.968c0 3.613 2.96 6.574 6.573 6.574h20.524c.3 0 .501-.251.501-.502v-5.068a.503.503 0 0 0-.501-.502zm96.947-21.377h-8.731a.686.686 0 0 1-.703-.703V9.126a.503.503 0 0 0-.502-.502c-.251 0-.251.05-.351.15l-5.068 5.119c-.101.1-.151.2-.151.351v2.76c0 .401-.351.652-.702.652h-3.714a.5.5 0 0 0-.501.502v4.416c0 .301.251.502.501.502h3.864c.301.05.552.351.552.652v13.047c0 3.06.853 5.319 2.61 6.824c1.706 1.506 4.014 2.258 6.824 2.258h6.072c.301 0 .502-.25.502-.501v-4.767a.503.503 0 0 0-.502-.502h-4.265c-3.011 0-4.015-.904-4.015-.904c-.803-.702-1.154-1.706-1.154-3.462V23.88c0-.402.301-.703.703-.703h8.731c.301 0 .502-.25.502-.502V18.26a.503.503 0 0 0-.502-.502zM25.19.646C11.29.646 0 11.936 0 25.836s11.29 25.19 25.19 25.19s25.19-11.29 25.19-25.19S39.09.646 25.19.646m7.577 23.484c-5.068.05-9.132 4.165-9.183 9.183v.1a5.93 5.93 0 0 1-5.92 5.921a5.93 5.93 0 0 1-5.922-5.921a5.93 5.93 0 0 1 5.921-5.921a9.27 9.27 0 0 0 6.524-2.71c1.706-1.756 2.71-4.115 2.66-6.523a5.93 5.93 0 0 1 5.92-5.922a5.93 5.93 0 0 1 5.922 5.922a5.93 5.93 0 0 1-5.922 5.92z"/></svg>Lunit アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:lunit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:lunit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:lunit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--lunit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:lunit"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:lunit"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/lunit.svg" alt="Lunit アイコン" width="24" height="24">他のアイコンセットの Lunit アイコン
Lunit アイコン のよくある質問
Lunit アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lunit アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:lunit" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lunit アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/lunit.svg" alt="Lunit アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。