Иконка Subway
thesvg-color:subway
Иконка Subway (thesvg-color:subway) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 240 × 48. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 240 × 48
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="48" viewBox="0 0 240 48"><path fill="#f2b700" d="M39.2 32c0 5.9-3.4 9.5-8.8 10.6c-1.5.3-4 .3-5.7.3l-13.1-.1v5L0 38.3l11.6-9.5v5l14.7.1c1.4 0 2-.8 2-1.6c0-1.5-1.4-2-5.6-4c-6.7-3.2-11.9-5.5-11.9-12.8c0-5.7 4.1-9.6 10.1-10.4c1.2-.2 3.5-.2 4.9-.2c3 0 11.4.2 11.4.2v9.1L23.4 14c-1.2 0-1.8.8-1.8 1.6c0 1.2 1 1.7 4.9 3.5C34.7 22.9 39.2 25 39.2 32m21.7-.7c0 1.7-1.5 3.1-4.2 3.1c-2.9 0-4.2-1.4-4.2-3.1V5H41.2v27.2c0 6 5 11.7 15.4 11.7c9.9 0 15.4-5.6 15.4-11.7V5H60.9zm45.8.2c0 7.5-5.1 11.6-12.5 11.6H75.5V5h18c8.1 0 12.2 4.5 12.2 10.4c0 3-1.4 5.6-4.2 7.5c3.3 1.8 5.2 4.6 5.2 8.6M86.6 20.1h5.2c2 0 2.9-1.4 2.9-3.4c0-2.1-.9-3.4-2.9-3.4h-5.2zM95.4 31c0-2.3-1.1-3.6-3.1-3.6h-5.7v7.2h5.7c2.1 0 3.1-1.4 3.1-3.6"/><path fill="#008938" d="M144.1 5h11.1v26.8c0 6.2-4.4 11.8-13.7 11.8c-4 0-7.1-1.2-9.3-3c-2.2 1.8-5.2 3-8.9 3c-9.9 0-14-5.6-14-11.8V5h11.1v26.6c0 1.1.6 2.5 3.1 2.5s3.2-1.3 3.2-2.5V5h11.1v26.6c0 1.1.6 2.5 3.1 2.5s3.2-1.3 3.2-2.5zM203 20V5h-11v16c0 5.3 3.6 9.3 9.7 11v11H213V32c6.2-1.7 9.6-5.7 9.6-11v-5.9q0-.9.9-.9h4.9V19L240 9.5L228.4 0v4.8h-7.7c-6.5 0-9.2 3.8-9.2 9.2v6c0 1.4-1 3.1-4.3 3.1c-3.2 0-4.2-1.7-4.2-3.1m-13.8-4.1v27.2h-11.1V32h-8.4v11h-11.1V15.9c0-6.8 5.6-12 15.3-12c9.6 0 15.3 5.1 15.3 12m-11.1 7.4v-6.8c0-1.8-1.3-3.1-4.2-3.1c-3 0-4.2 1.3-4.2 3.1v6.8z"/></svg>
Как использовать иконку Subway
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:subway" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:subway" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:subway" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--subway]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:subway"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:subway"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/subway.svg" alt="Иконка Subway" width="24" height="24">
Иконка Subway в других наборах
Вопросы и ответы: Иконка Subway
Можно ли бесплатно использовать иконку Subway в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Subway в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:subway" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Subway на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/subway.svg" alt="Иконка Subway">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки theSVG Color →
ICONYZ
