ICONYZ
Русский
Иконка Person Boarding Tram With Destination Display And Pantograph On Tram Track из набора Pinhead Map Icons

Иконка Person Boarding Tram With Destination Display And Pantograph On Tram Track

pinhead:person-boarding-tram-with-destination-display-and-pantograph-on-tram-track

Иконка Person Boarding Tram With Destination Display And Pantograph On Tram Track (pinhead:person-boarding-tram-with-destination-display-and-pantograph-on-tram-track) — бесплатная SVG-иконка из набора Pinhead Map Icons от Quincy Morgan. Она нарисована на сетке 15 × 15. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Pinhead Map Icons
Автор
Quincy Morgan
Лицензия
CC0-1.0
Размер
15 × 15
Теги
personboarding, boardingtram, tramwith, withdestination, destinationdisplay, displayand, andpantograph, pantographon, ontram, tramtrack
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M5.5 7.51c0 .13-.05.25-.15.34l-1 1c-.15.16-.39.2-.59.09L3.5 8.8v1.14l1.22.61c.17.09.28.26.28.45v1.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-1.19l-.95-.48c-.02.02-.03.03-.05.04V12l-.03.16l-.5 1.5c-.08.26-.37.4-.63.31a.49.49 0 0 1-.31-.63L2 11.92v-1.05c-.3-.18-.5-.5-.5-.87V8.25c0-.55.45-1 1-1q.315 0 .57.18l.84.45l.74-.73c.19-.2.51-.2.7 0c.1.09.15.21.15.34V4.83c0-.53.21-1.04.59-1.42L7.5 2H9V1H7.5C7.22 1 7 .78 7 .5s.22-.5.5-.5h4c.28 0 .5.22.5.5s-.22.5-.5.5H10v1h1.5l1.41 1.41c.38.38.59.89.59 1.42V11c0 1.1-.9 2-2 2h-4c-1.1 0-2-.9-2-2zm2.75 5.99L7.5 15H6l.75-1.5zm4 0L13 15h-1.5l-.75-1.5zM10.5 12h1c.55 0 1-.45 1-1v-1c-1.1 0-2 .9-2 2m-2 0c0-1.1-.9-2-2-2v1c0 .55.45 1 1 1zm-2-6.5v3c0 .28.22.5.5.5h5c.28 0 .5-.22.5-.5v-3c0-.28-.22-.5-.5-.5H7c-.28 0-.5.22-.5.5m1-2c0 .28.22.5.5.5h3c.28 0 .5-.22.5-.5S11.28 3 11 3H8c-.28 0-.5.22-.5.5M2.5 7c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1"/></svg>

Как использовать иконку Person Boarding Tram With Destination Display And Pantograph On Tram Track

React

import { Icon } from "@iconify/react";

<Icon icon="pinhead:person-boarding-tram-with-destination-display-and-pantograph-on-tram-track" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="pinhead:person-boarding-tram-with-destination-display-and-pantograph-on-tram-track" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="pinhead:person-boarding-tram-with-destination-display-and-pantograph-on-tram-track" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--person-boarding-tram-with-destination-display-and-pantograph-on-tram-track]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:person-boarding-tram-with-destination-display-and-pantograph-on-tram-track"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="pinhead:person-boarding-tram-with-destination-display-and-pantograph-on-tram-track"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/pinhead/person-boarding-tram-with-destination-display-and-pantograph-on-tram-track.svg" alt="Иконка Person Boarding Tram With Destination Display And Pantograph On Tram Track" width="24" height="24">

Похожие иконки в наборе Pinhead Map Icons

Вопросы и ответы: Иконка Person Boarding Tram With Destination Display And Pantograph On Tram Track

Можно ли бесплатно использовать иконку Person Boarding Tram With Destination Display And Pantograph On Tram Track в коммерческих проектах?

Да. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Person Boarding Tram With Destination Display And Pantograph On Tram Track в React?

Установите @iconify/react и выведите <Icon icon="pinhead:person-boarding-tram-with-destination-display-and-pantograph-on-tram-track" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Person Boarding Tram With Destination Display And Pantograph On Tram Track на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pinhead/person-boarding-tram-with-destination-display-and-pantograph-on-tram-track.svg" alt="Иконка Person Boarding Tram With Destination Display And Pantograph On Tram Track">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Pinhead Map Icons →