Иконка Traffic Light

streamline-plump:traffic-light

Иконка Traffic Light (streamline-plump:traffic-light) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Карты и путешествия
Теги: trafficlight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"><path d="M35.683 8.059c-.117-2.455-1.821-4.457-4.265-4.713C29.613 3.156 27.164 3 24 3s-5.613.156-7.418.346c-2.444.256-4.148 2.258-4.265 4.713C12.165 11.273 12 16.483 12 24s.165 12.727.317 15.941c.117 2.455 1.821 4.457 4.265 4.713c1.805.19 4.254.346 7.418.346s5.613-.156 7.418-.346c2.444-.256 4.148-2.258 4.265-4.713C35.835 36.727 36 31.517 36 24s-.165-12.727-.317-15.941"/><path d="M12.088 33h-.218c-1.282 0-2.515.029-3.517.063c-1.323.044-2.365 1.149-2.063 2.437c.295 1.266.763 2.403 1.138 3.195a2.17 2.17 0 0 0 1.88 1.253c.585.029 1.412.052 2.562.052l.45-.001l-.003-.058M12.016 20h-.146c-1.282 0-2.515.029-3.517.063c-1.323.044-2.365 1.149-2.063 2.437c.295 1.266.763 2.403 1.138 3.195a2.17 2.17 0 0 0 1.88 1.253c.585.029 1.412.052 2.562.052h.139m.461-19.998L11.87 7c-1.282 0-2.515.029-3.517.063C7.03 7.107 5.988 8.212 6.29 9.5c.295 1.266.763 2.403 1.138 3.195a2.17 2.17 0 0 0 1.88 1.253A52 52 0 0 0 12.11 14m23.801 19h.218c1.283 0 2.516.029 3.518.063c1.322.044 2.364 1.149 2.063 2.437a16.3 16.3 0 0 1-1.139 3.195a2.17 2.17 0 0 1-1.879 1.253c-.585.029-1.412.052-2.563.052l-.45-.001l.004-.058M35.99 27h.14c1.15 0 1.977-.023 2.562-.052a2.17 2.17 0 0 0 1.88-1.253c.374-.792.842-1.929 1.138-3.195c.3-1.288-.74-2.393-2.063-2.437A106 106 0 0 0 36.129 20h-.146M35.53 7.002l.6-.002c1.282 0 2.515.029 3.517.063c1.323.044 2.364 1.149 2.063 2.437a16.3 16.3 0 0 1-1.139 3.195a2.17 2.17 0 0 1-1.879 1.253A52 52 0 0 1 35.89 14M27 37a3 3 0 1 1-6 0a3 3 0 1 1 6 0m0-13a3 3 0 1 1-6 0a3 3 0 1 1 6 0m0-13a3 3 0 1 1-6 0a3 3 0 1 1 6 0"/></g></svg>

Как использовать иконку Traffic Light

React

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

<Icon icon="streamline-plump:traffic-light" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:traffic-light" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:traffic-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--traffic-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:traffic-light"></div>

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

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

<iconify-icon icon="streamline-plump:traffic-light"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump/traffic-light.svg" alt="Иконка Traffic Light" width="24" height="24">

Иконка Traffic Light в других наборах

Вопросы и ответы: Иконка Traffic Light

Можно ли бесплатно использовать иконку Traffic Light в коммерческих проектах?

Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Traffic Light в React?

Установите @iconify/react и выведите <Icon icon="streamline-plump:traffic-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Traffic Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump/traffic-light.svg" alt="Иконка Traffic Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Plump free icons →