Tram Bold Duotone アイコン
solar:tram-bold-duotone
Tram Bold Duotone アイコン(solar:tram-bold-duotone)は、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、boldduotone、tramboldduotone
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.3754 19.5722C5.89783 19.4015 5.50554 19.1626 5.17135 18.8284C4.19702 17.8541 4.03299 16.3859 4.00537 13.75H19.9942C19.9666 16.3859 19.8025 17.8541 18.8282 18.8284C18.4941 19.1625 18.1019 19.4014 17.6244 19.5721L18.6708 21.6648C18.856 22.0352 18.7058 22.4857 18.3354 22.671C17.9649 22.8562 17.5144 22.7061 17.3291 22.3356L16.1052 19.8877C15.0568 20 13.7258 20 11.9998 20C10.274 20 8.94302 20 7.89469 19.8877L6.67077 22.3356C6.48552 22.7061 6.03502 22.8562 5.66453 22.671C5.29405 22.4857 5.14388 22.0352 5.32912 21.6648L6.3754 19.5722ZM14.7498 16C14.7498 15.5858 15.0856 15.25 15.4998 15.25H16.9998C17.414 15.25 17.7498 15.5858 17.7498 16C17.7498 16.4142 17.414 16.75 16.9998 16.75H15.4998C15.0856 16.75 14.7498 16.4142 14.7498 16ZM6.99978 15.25C6.58557 15.25 6.24978 15.5858 6.24978 16C6.24978 16.4142 6.58557 16.75 6.99978 16.75H8.49978C8.91399 16.75 9.24978 16.4142 9.24978 16C9.24978 15.5858 8.91399 15.25 8.49978 15.25H6.99978Z" clip-rule="evenodd"/><path d="M5.17157 3.17104C4 4.34261 4 6.22823 4 9.99947V13.7495H20V9.99947C20 6.22823 20 4.34261 18.8284 3.17104C17.9495 2.29215 16.6688 2.07259 14.4917 2.01773C14.2216 2.01093 14 2.22928 14 2.49947C14 3.60404 13.1046 4.49947 12 4.49947C10.8954 4.49947 10 3.60404 10 2.49947C10 2.22928 9.77845 2.01093 9.50835 2.01773C7.33118 2.07259 6.05046 2.29215 5.17157 3.17104Z" opacity=".5"/></g></svg>Tram Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:tram-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:tram-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:tram-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--tram-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:tram-bold-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:tram-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/tram-bold-duotone.svg" alt="Tram Bold Duotone アイコン" width="24" height="24">Solar の関連アイコン
Tram Bold Duotone アイコン のよくある質問
Tram Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Tram Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:tram-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tram Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/tram-bold-duotone.svg" alt="Tram Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。