Иконка Tram Bold
solar:tram-bold
Иконка Tram Bold (solar:tram-bold) — бесплатная SVG-иконка из набора Solar от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Tram Bold в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.