Tram Bold Duotone icon
solar:tram-bold-duotone
The Tram Bold Duotone icon (solar:tram-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Parts
- Tags
- trambold, boldduotone, tramboldduotone
SVG code
<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>How to use the Tram Bold Duotone icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/solar/tram-bold-duotone.svg" alt="Tram Bold Duotone icon" width="24" height="24">Related icons in Solar
Tram Bold Duotone icon FAQ
Is the Tram Bold Duotone icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Tram Bold Duotone icon in React?
Install @iconify/react and render <Icon icon="solar:tram-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tram Bold Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/tram-bold-duotone.svg" alt="Tram Bold Duotone icon">, or paste the SVG code inline to style it with CSS.