Bash アイコン
bxl:bash
Bash アイコン(bxl:bash)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m19.54 6.08l-6.32-3.75c-.75-.44-1.68-.44-2.42 0L4.48 6.08c-.76.46-1.23 1.28-1.23 2.17v7.5c0 .89.46 1.71 1.22 2.17l6.32 3.75c.75.44 1.68.44 2.42 0l6.32-3.75a2.53 2.53 0 0 0 1.22-2.17v-7.5c0-.88-.45-1.71-1.21-2.17m-4.89 11.71v.54c0 .07-.04.13-.09.17l-.32.18s-.09 0-.09-.07v-.53c-.23.11-.48.14-.73.07a.095.095 0 0 1-.03-.12l.11-.49s.03-.08.06-.11c0 0 .02-.02.03-.02h.05c.22.06.46.03.66-.08a.87.87 0 0 0 .49-.76c0-.27-.15-.39-.51-.39c-.46 0-.87-.09-.89-.76c.01-.59.28-1.14.74-1.5v-.54c0-.07.04-.13.09-.17l.31-.2s.09 0 .09.07v.54c.19-.09.4-.11.6-.07c.04.02.06.08.04.12l-.11.48q-.015.075-.09.12h-.05c-.2-.04-.41 0-.58.09c-.26.11-.43.36-.44.65c0 .25.13.32.57.33c.58 0 .84.26.84.85c-.01.61-.29 1.19-.77 1.58Zm3.31-.91s-.01.09-.05.12l-1.59.97s-.04.01-.05 0s-.02-.03-.02-.05v-.41s.03-.08.07-.1l1.57-.94s.04-.01.05 0s.02.03.02.05zm1.1-9.22l-5.98 3.69c-.75.44-1.29.92-1.29 1.82v7.36c0 .54.22.87.55.99q-.165.03-.33.03c-.35 0-.7-.1-1-.28l-6.32-3.75a2.04 2.04 0 0 1-1-1.78v-7.5c0-.73.37-1.41 1-1.79l6.32-3.75a1.95 1.95 0 0 1 1.98 0l6.32 3.75c.52.31.87.84.97 1.44c-.2-.45-.68-.56-1.23-.25Z"/></svg>
Bash アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:bash" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:bash" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:bash" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--bash]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:bash"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:bash"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/bash.svg" alt="Bash アイコン" width="24" height="24">
Bash アイコン のよくある質問
Bash アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bash アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:bash" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bash アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/bash.svg" alt="Bash アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
