Tram Bold アイコン
solar:tram-bold
Tram Bold アイコン(solar:tram-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- パーツ
- タグ
- trambold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M6.37562 19.5723C5.89805 19.4016 5.50576 19.1627 5.17157 18.8285C4.19724 17.8542 4.03321 16.386 4.00559 13.7501H19.9944C19.9668 16.386 19.8028 17.8542 18.8284 18.8285C18.4943 19.1626 18.1021 19.4015 17.6247 19.5722L18.671 21.6649C18.8562 22.0353 18.7061 22.4858 18.3356 22.6711C17.9651 22.8563 17.5146 22.7062 17.3293 22.3357L16.1054 19.8878C15.057 20.0001 13.726 20.0001 12 20.0001C10.2742 20.0001 8.94323 20.0001 7.89491 19.8878L6.67098 22.3357C6.48574 22.7062 6.03524 22.8563 5.66475 22.6711C5.29427 22.4858 5.1441 22.0353 5.32934 21.6649L6.37562 19.5723ZM14.75 16.0001C14.75 15.5859 15.0858 15.2501 15.5 15.2501H17C17.4142 15.2501 17.75 15.5859 17.75 16.0001C17.75 16.4143 17.4142 16.7501 17 16.7501H15.5C15.0858 16.7501 14.75 16.4143 14.75 16.0001ZM7 15.2501C6.58579 15.2501 6.25 15.5859 6.25 16.0001C6.25 16.4143 6.58579 16.7501 7 16.7501H8.5C8.91421 16.7501 9.25 16.4143 9.25 16.0001C9.25 15.5859 8.91421 15.2501 8.5 15.2501H7Z" clip-rule="evenodd"/><path d="M20 12.2501V10.0001C20 6.22886 20 4.34324 18.8284 3.17167C17.9495 2.29279 16.6688 2.07322 14.4917 2.01837C14.2216 2.01156 14 2.22991 14 2.5001C14 3.60467 13.1046 4.5001 12 4.5001C10.8954 4.5001 10 3.60467 10 2.5001C10 2.22991 9.77845 2.01156 9.50835 2.01837C7.33118 2.07322 6.05046 2.29279 5.17157 3.17167C4 4.34324 4 6.22886 4 10.0001V12.2501H20Z"/></g></svg>Tram Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:tram-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:tram-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:tram-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--tram-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:tram-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:tram-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/tram-bold.svg" alt="Tram Bold アイコン" width="24" height="24">Solar の関連アイコン
他のアイコンセットの Tram Bold アイコン
Tram Bold アイコン のよくある質問
Tram Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Tram Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:tram-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tram Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/tram-bold.svg" alt="Tram Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。