Иконка Tram
fluent-emoji-high-contrast:tram
Иконка Tram (fluent-emoji-high-contrast:tram) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Путешествия и места
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9 14.81c0 .66.53 1.19 1.19 1.19h11.62c.66 0 1.19-.53 1.19-1.19V7.83c0-.46-.37-.83-.82-.83H9.83c-.46 0-.83.37-.83.83zm13 0c0 .108-.082.19-.19.19H10.19a.187.187 0 0 1-.19-.19V10h12z"/><path d="M12 4v1H9.03c-1.08 0-1.96.83-2.02 1.891q0 2.025-.005 4.049q-.004 2.023-.005 4.048v4.792c0 1.937 1.316 3.566 3.114 4.07c-.386.555-.842 1.202-1.254 1.788a78 78 0 0 0-1.186 1.707l-.069.115c-.182.3-.408.673-.162 1.098c.266.46.848.454 1.018.453h14.832c.318 0 .703-.02.954-.347c.25-.327.27-.722-.068-1.261a239 239 0 0 0-1.732-2.602l-.627-.936C23.657 23.38 25 21.742 25 19.78V6.952l-.01-.039a.2.2 0 0 1-.01-.042A2.017 2.017 0 0 0 22.95 5H20V4h2c.56 0 1-.44 1-1c0-.55-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm6 0v1h-4V4zM9.03 6h13.92c.56 0 .992.417 1.032.928q.005.09.018.15v7.91c0 1.11-.903 2.012-2.01 2.012H10.01A2.014 2.014 0 0 1 8 14.988q0-2.023.005-4.047q.004-2.007.005-4.016A1.01 1.01 0 0 1 9.03 6M12 21h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m10 0h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1c0 .56-.44 1-1 1m-7.5-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5zm-3.504 5.228c.077-.125.433-.5.886-.5h8.016c.395 0 .69.23.872.5c.101.149.184.307.238.41c.024.045.042.08.053.096H10.69zM9.668 27.32c.106-.173.618-.596 1.07-.596h10.55c.211 0 .524.118.664.328c.077.115.374.564.444.673H9.39c.058-.077.195-.266.28-.405"/></g></svg>
Как использовать иконку Tram
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:tram" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:tram" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:tram" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--tram]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:tram"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:tram"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tram.svg" alt="Иконка Tram" width="24" height="24">
Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Tram в других наборах
Вопросы и ответы: Иконка Tram
Можно ли бесплатно использовать иконку Tram в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Tram в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:tram" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Tram на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tram.svg" alt="Иконка Tram">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
