Bash Light アイコン
thesvg-color:bash-light
Bash Light アイコン(thesvg-color:bash-light)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 32 × 32 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- bashlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#1b1b1f" fill-rule="evenodd" d="M28.057 6.53L17.952.532a3.8 3.8 0 0 0-3.88 0L3.965 6.53A4.03 4.03 0 0 0 2 10.002v11.996a4.03 4.03 0 0 0 1.948 3.472l10.105 5.998a3.8 3.8 0 0 0 3.88 0L28.04 25.47a4.03 4.03 0 0 0 1.948-3.472V10.002a4.03 4.03 0 0 0-1.93-3.472zM20.23 25.262v.86a.32.32 0 0 1-.148.265l-.512.293c-.08.042-.148 0-.148-.113v-.847a1.66 1.66 0 0 1-1.164.113c-.062-.042-.086-.122-.056-.2l.183-.78a.32.32 0 0 1 .102-.17a.2.2 0 0 1 .05-.035a.1.1 0 0 1 .08 0a1.4 1.4 0 0 0 1.059-.134a1.41 1.41 0 0 0 .79-1.21c0-.438-.24-.62-.82-.625c-.734 0-1.4-.14-1.43-1.224a3.14 3.14 0 0 1 1.186-2.4v-.872a.34.34 0 0 1 .148-.268l.494-.314c.08-.042.148 0 .148.116v.872a1.6 1.6 0 0 1 .967-.116c.07.04.098.128.064.2l-.173.773a.33.33 0 0 1-.138.195c-.02.012-.05.008-.074 0a1.28 1.28 0 0 0-.931.152a1.17 1.17 0 0 0-.706 1.037c0 .395.208.515.907.53c.935 0 1.337.423 1.348 1.362a3.35 3.35 0 0 1-1.228 2.53zm5.293-1.45a.2.2 0 0 1-.078.194L22.9 25.558c-.024.02-.06.023-.087.007s-.04-.05-.033-.08v-.66a.18.18 0 0 1 .116-.162l2.516-1.507c.024-.02.06-.023.087-.007s.04.05.033.08v.582zM27.288 9.06l-9.562 5.906c-1.193.706-2.07 1.478-2.07 2.914v11.778c0 .86.353 1.4.882 1.58a3 3 0 0 1-.53.053a3.13 3.13 0 0 1-1.595-.441L4.308 24.853A3.3 3.3 0 0 1 2.706 22V10.002a3.3 3.3 0 0 1 1.602-2.858l10.105-5.998c.98-.58 2.196-.58 3.176 0l10.105 5.998c.833.504 1.4 1.35 1.552 2.3c-.328-.713-1.083-.9-1.962-.395h.003z"/></svg>Bash Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:bash-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:bash-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:bash-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--bash-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:bash-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:bash-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/bash-light.svg" alt="Bash Light アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Bash Light アイコン
Bash Light アイコン のよくある質問
Bash Light アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bash Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:bash-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bash Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/bash-light.svg" alt="Bash Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。